#DEDBDB - #CA978F | 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 #DEDBDB to #CA978F

#DEDBDB #CA978F

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

#DEDBDB - #CA978F | 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 #DEDBDB as 0% and #CA978F as 100%.

0.0%	0.0% #DEDBDB	RGB 222 219 219	#DEDBDB
16.7%	16.7% #DACFCE	RGB 218 207 206	#DACFCE
33.3%	33.3% #D7C4C1	RGB 215 196 193	#D7C4C1
50.0%	50.0% #D4B9B5	RGB 212 185 181	#D4B9B5
66.7%	66.7% #D0ADA8	RGB 208 173 168	#D0ADA8
83.3%	83.3% #CDA29B	RGB 205 162 155	#CDA29B
100.0%	100.0% #CA978F	RGB 202 151 143	#CA978F

#DEDBDB #DACFCE #D7C4C1 #D4B9B5 #D0ADA8 #CDA29B #CA978F

#DEDBDB - #CA978F

HSV Blend

#DEDBDB - #CA978F | 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 #DEDBDB as 0% and #CA978F as 100%.

0.0%	0.0% #DEDBDB	RGB 222 219 219	#DEDBDB
16.7%	16.7% #DACDCD	RGB 218 205 205	#DACDCD
33.3%	33.3% #D7C1C0	RGB 215 193 192	#D7C1C0
50.0%	50.0% #D4B5B3	RGB 212 181 179	#D4B5B3
66.7%	66.7% #D0AAA7	RGB 208 170 167	#D0AAA7
83.3%	83.3% #CDA09A	RGB 205 160 154	#CDA09A
100.0%	100.0% #CA978F	RGB 202 151 143	#CA978F

#DEDBDB #DACDCD #D7C1C0 #D4B5B3 #D0AAA7 #CDA09A #CA978F

#DEDBDB - #D4B5B3 - #CA978F

CSS codes

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

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