#CFC5E2 - #3B3840 | 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 #CFC5E2 to #3B3840

#CFC5E2 #3B3840

Calculate the color between two colors, #CFC5E2 and #3B3840. 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)

#CFC5E2 - #3B3840 | 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 #CFC5E2 as 0% and #3B3840 as 100%.

0.0%	0.0% #CFC5E2	RGB 207 197 226	#CFC5E2
16.7%	16.7% #B6ADC7	RGB 182 173 199	#B6ADC7
33.3%	33.3% #9D96AC	RGB 157 150 172	#9D96AC
50.0%	50.0% #857E91	RGB 133 126 145	#857E91
66.7%	66.7% #6C6776	RGB 108 103 118	#6C6776
83.3%	83.3% #534F5B	RGB 83 79 91	#534F5B
100.0%	100.0% #3B3840	RGB 59 56 64	#3B3840

#CFC5E2 #B6ADC7 #9D96AC #857E91 #6C6776 #534F5B #3B3840

#CFC5E2 - #3B3840

HSV Blend

#CFC5E2 - #3B3840 | 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 #CFC5E2 as 0% and #3B3840 as 100%.

0.0%	0.0% #CFC5E2	RGB 207 197 226	#CFC5E2
16.7%	16.7% #B6ADC7	RGB 182 173 199	#B6ADC7
33.3%	33.3% #9D96AC	RGB 157 150 172	#9D96AC
50.0%	50.0% #857E91	RGB 133 126 145	#857E91
66.7%	66.7% #6C6776	RGB 108 103 118	#6C6776
83.3%	83.3% #534F5B	RGB 83 79 91	#534F5B
100.0%	100.0% #3B3840	RGB 59 56 64	#3B3840

#CFC5E2 #B6ADC7 #9D96AC #857E91 #6C6776 #534F5B #3B3840

#CFC5E2 - #857E91 - #3B3840

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFC5E2 0%, #857E91 50%, #3B3840 100%);
    background: -webkit-linear-gradient(top, #CFC5E2 0%, #857E91 50%, #3B3840 100%);
    background: linear-gradient(to bottom, #CFC5E2 0%, #857E91 50%, #3B3840 100%);
}
</style>