#66234B - #D3C0CB | 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 #66234B to #D3C0CB

#66234B #D3C0CB

Calculate the color between two colors, #66234B and #D3C0CB. 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)

#66234B - #D3C0CB | 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 #66234B as 0% and #D3C0CB as 100%.

0.0%	0.0% #66234B	RGB 102 35 75	#66234B
16.7%	16.7% #783D60	RGB 120 61 96	#783D60
33.3%	33.3% #8A5775	RGB 138 87 117	#8A5775
50.0%	50.0% #9C718B	RGB 156 113 139	#9C718B
66.7%	66.7% #AE8BA0	RGB 174 139 160	#AE8BA0
83.3%	83.3% #C0A5B5	RGB 192 165 181	#C0A5B5
100.0%	100.0% #D3C0CB	RGB 211 192 203	#D3C0CB

#66234B #783D60 #8A5775 #9C718B #AE8BA0 #C0A5B5 #D3C0CB

#66234B - #D3C0CB

HSV Blend

#66234B - #D3C0CB | 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 #66234B as 0% and #D3C0CB as 100%.

0.0%	0.0% #66234B	RGB 102 35 75	#66234B
16.7%	16.7% #78345C	RGB 120 52 92	#78345C
33.3%	33.3% #8A496F	RGB 138 73 111	#8A496F
50.0%	50.0% #9C6284	RGB 156 98 132	#9C6284
66.7%	66.7% #AE7D9A	RGB 174 125 154	#AE7D9A
83.3%	83.3% #C09DB1	RGB 192 157 177	#C09DB1
100.0%	100.0% #D3C0CB	RGB 211 192 203	#D3C0CB

#66234B #78345C #8A496F #9C6284 #AE7D9A #C09DB1 #D3C0CB

#66234B - #9C6284 - #D3C0CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #66234B 0%, #9C6284 50%, #D3C0CB 100%);
    background: -webkit-linear-gradient(top, #66234B 0%, #9C6284 50%, #D3C0CB 100%);
    background: linear-gradient(to bottom, #66234B 0%, #9C6284 50%, #D3C0CB 100%);
}
</style>