#DBD9D9 - #C68C95 | 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 #DBD9D9 to #C68C95

#DBD9D9 #C68C95

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

#DBD9D9 - #C68C95 | 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 #DBD9D9 as 0% and #C68C95 as 100%.

0.0%	0.0% #DBD9D9	RGB 219 217 217	#DBD9D9
16.7%	16.7% #D7CCCD	RGB 215 204 205	#D7CCCD
33.3%	33.3% #D4BFC2	RGB 212 191 194	#D4BFC2
50.0%	50.0% #D0B2B7	RGB 208 178 183	#D0B2B7
66.7%	66.7% #CDA5AB	RGB 205 165 171	#CDA5AB
83.3%	83.3% #C998A0	RGB 201 152 160	#C998A0
100.0%	100.0% #C68C95	RGB 198 140 149	#C68C95

#DBD9D9 #D7CCCD #D4BFC2 #D0B2B7 #CDA5AB #C998A0 #C68C95

#DBD9D9 - #C68C95

HSV Blend

#DBD9D9 - #C68C95 | 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 #DBD9D9 as 0% and #C68C95 as 100%.

0.0%	0.0% #DBD9D9	RGB 219 217 217	#DBD9D9
16.7%	16.7% #D7CBCB	RGB 215 203 203	#D7CBCB
33.3%	33.3% #D4BEBF	RGB 212 190 191	#D4BEBF
50.0%	50.0% #D0B1B3	RGB 208 177 179	#D0B1B3
66.7%	66.7% #CDA4A8	RGB 205 164 168	#CDA4A8
83.3%	83.3% #C9989E	RGB 201 152 158	#C9989E
100.0%	100.0% #C68C95	RGB 198 140 149	#C68C95

#DBD9D9 #D7CBCB #D4BEBF #D0B1B3 #CDA4A8 #C9989E #C68C95

#DBD9D9 - #D0B1B3 - #C68C95

CSS codes

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

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