#CD5E68 - #DDA8B4 | 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 #CD5E68 to #DDA8B4

#CD5E68 #DDA8B4

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

#CD5E68 - #DDA8B4 | 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 #CD5E68 as 0% and #DDA8B4 as 100%.

0.0%	0.0% #CD5E68	RGB 205 94 104	#CD5E68
16.7%	16.7% #CF6A74	RGB 207 106 116	#CF6A74
33.3%	33.3% #D27681	RGB 210 118 129	#D27681
50.0%	50.0% #D5838E	RGB 213 131 142	#D5838E
66.7%	66.7% #D78F9A	RGB 215 143 154	#D78F9A
83.3%	83.3% #DA9BA7	RGB 218 155 167	#DA9BA7
100.0%	100.0% #DDA8B4	RGB 221 168 180	#DDA8B4

#CD5E68 #CF6A74 #D27681 #D5838E #D78F9A #DA9BA7 #DDA8B4

#CD5E68 - #DDA8B4

HSV Blend

#CD5E68 - #DDA8B4 | 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 #CD5E68 as 0% and #DDA8B4 as 100%.

0.0%	0.0% #CD5E68	RGB 205 94 104	#CD5E68
16.7%	16.7% #CF6975	RGB 207 105 117	#CF6975
33.3%	33.3% #D27582	RGB 210 117 130	#D27582
50.0%	50.0% #D5818E	RGB 213 129 142	#D5818E
66.7%	66.7% #D78E9B	RGB 215 142 155	#D78E9B
83.3%	83.3% #DA9AA7	RGB 218 154 167	#DA9AA7
100.0%	100.0% #DDA8B4	RGB 221 168 180	#DDA8B4

#CD5E68 #CF6975 #D27582 #D5818E #D78E9B #DA9AA7 #DDA8B4

#CD5E68 - #D5818E - #DDA8B4

CSS codes

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

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