#CD5E70 - #DDA8B9 | 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 #CD5E70 to #DDA8B9

#CD5E70 #DDA8B9

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

#CD5E70 - #DDA8B9 | 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 #CD5E70 as 0% and #DDA8B9 as 100%.

0.0%	0.0% #CD5E70	RGB 205 94 112	#CD5E70
16.7%	16.7% #CF6A7C	RGB 207 106 124	#CF6A7C
33.3%	33.3% #D27688	RGB 210 118 136	#D27688
50.0%	50.0% #D58394	RGB 213 131 148	#D58394
66.7%	66.7% #D78FA0	RGB 215 143 160	#D78FA0
83.3%	83.3% #DA9BAC	RGB 218 155 172	#DA9BAC
100.0%	100.0% #DDA8B9	RGB 221 168 185	#DDA8B9

#CD5E70 #CF6A7C #D27688 #D58394 #D78FA0 #DA9BAC #DDA8B9

#CD5E70 - #DDA8B9

HSV Blend

#CD5E70 - #DDA8B9 | 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 #CD5E70 as 0% and #DDA8B9 as 100%.

0.0%	0.0% #CD5E6F	RGB 205 94 111	#CD5E6F
16.7%	16.7% #CF697C	RGB 207 105 124	#CF697C
33.3%	33.3% #D27589	RGB 210 117 137	#D27589
50.0%	50.0% #D58195	RGB 213 129 149	#D58195
66.7%	66.7% #D78EA1	RGB 215 142 161	#D78EA1
83.3%	83.3% #DA9AAD	RGB 218 154 173	#DA9AAD
100.0%	100.0% #DDA8B9	RGB 221 168 185	#DDA8B9

#CD5E6F #CF697C #D27589 #D58195 #D78EA1 #DA9AAD #DDA8B9

#CD5E70 - #D58195 - #DDA8B9

CSS codes

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

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