#CD5E77 - #DDA8BC | 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 #CD5E77 to #DDA8BC

#CD5E77 #DDA8BC

Calculate the color between two colors, #CD5E77 and #DDA8BC. 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)

#CD5E77 - #DDA8BC | 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 #CD5E77 as 0% and #DDA8BC as 100%.

0.0%	0.0% #CD5E77	RGB 205 94 119	#CD5E77
16.7%	16.7% #CF6A82	RGB 207 106 130	#CF6A82
33.3%	33.3% #D2768E	RGB 210 118 142	#D2768E
50.0%	50.0% #D58399	RGB 213 131 153	#D58399
66.7%	66.7% #D78FA5	RGB 215 143 165	#D78FA5
83.3%	83.3% #DA9BB0	RGB 218 155 176	#DA9BB0
100.0%	100.0% #DDA8BC	RGB 221 168 188	#DDA8BC

#CD5E77 #CF6A82 #D2768E #D58399 #D78FA5 #DA9BB0 #DDA8BC

#CD5E77 - #DDA8BC

HSV Blend

#CD5E77 - #DDA8BC | 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 #CD5E77 as 0% and #DDA8BC as 100%.

0.0%	0.0% #CD5E76	RGB 205 94 118	#CD5E76
16.7%	16.7% #CF6983	RGB 207 105 131	#CF6983
33.3%	33.3% #D2758F	RGB 210 117 143	#D2758F
50.0%	50.0% #D5819A	RGB 213 129 154	#D5819A
66.7%	66.7% #D78EA6	RGB 215 142 166	#D78EA6
83.3%	83.3% #DA9AB1	RGB 218 154 177	#DA9AB1
100.0%	100.0% #DDA8BC	RGB 221 168 188	#DDA8BC

#CD5E76 #CF6983 #D2758F #D5819A #D78EA6 #DA9AB1 #DDA8BC

#CD5E77 - #D5819A - #DDA8BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD5E76 0%, #D5819A 50%, #DDA8BC 100%);
    background: -webkit-linear-gradient(top, #CD5E76 0%, #D5819A 50%, #DDA8BC 100%);
    background: linear-gradient(to bottom, #CD5E76 0%, #D5819A 50%, #DDA8BC 100%);
}
</style>