#C918DF - #3F009C | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C918DF to #3F009C

#C918DF #3F009C

Calculate the color between two colors, #C918DF and #3F009C. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C918DF - #3F009C | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C918DF as 0% and #3F009C as 100%.

0.0%	0.0% #C918DF	RGB 201 24 223	#C918DF
16.7%	16.7% #B214D3	RGB 178 20 211	#B214D3
33.3%	33.3% #9B10C8	RGB 155 16 200	#9B10C8
50.0%	50.0% #840CBD	RGB 132 12 189	#840CBD
66.7%	66.7% #6D08B2	RGB 109 8 178	#6D08B2
83.3%	83.3% #5604A7	RGB 86 4 167	#5604A7
100.0%	100.0% #3F009C	RGB 63 0 156	#3F009C

#C918DF #B214D3 #9B10C8 #840CBD #6D08B2 #5604A7 #3F009C

#C918DF - #3F009C

HSV Blend

#C918DF - #3F009C | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C918DF as 0% and #3F009C as 100%.

0.0%	0.0% #C818DF	RGB 200 24 223	#C818DF
16.7%	16.7% #AE12D3	RGB 174 18 211	#AE12D3
33.3%	33.3% #950EC8	RGB 149 14 200	#950EC8
50.0%	50.0% #7E0ABD	RGB 126 10 189	#7E0ABD
66.7%	66.7% #6706B2	RGB 103 6 178	#6706B2
83.3%	83.3% #5202A7	RGB 82 2 167	#5202A7
100.0%	100.0% #3F009C	RGB 63 0 156	#3F009C

#C818DF #AE12D3 #950EC8 #7E0ABD #6706B2 #5202A7 #3F009C

#C918DF - #7E0ABD - #3F009C

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C918DF 0%, #3F009C 100%);
    background: -webkit-linear-gradient(top, #C918DF 0%, #3F009C 100%);
    background: linear-gradient(to bottom, #C918DF 0%, #3F009C 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C818DF 0%, #7E0ABD 50%, #3F009C 100%);
    background: -webkit-linear-gradient(top, #C818DF 0%, #7E0ABD 50%, #3F009C 100%);
    background: linear-gradient(to bottom, #C818DF 0%, #7E0ABD 50%, #3F009C 100%);
}
</style>