#DEC3CD - #B06D84 | 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 #DEC3CD to #B06D84

#DEC3CD #B06D84

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

#DEC3CD - #B06D84 | 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 #DEC3CD as 0% and #B06D84 as 100%.

0.0%	0.0% #DEC3CD	RGB 222 195 205	#DEC3CD
16.7%	16.7% #D6B4C0	RGB 214 180 192	#D6B4C0
33.3%	33.3% #CEA6B4	RGB 206 166 180	#CEA6B4
50.0%	50.0% #C798A8	RGB 199 152 168	#C798A8
66.7%	66.7% #BF899C	RGB 191 137 156	#BF899C
83.3%	83.3% #B77B90	RGB 183 123 144	#B77B90
100.0%	100.0% #B06D84	RGB 176 109 132	#B06D84

#DEC3CD #D6B4C0 #CEA6B4 #C798A8 #BF899C #B77B90 #B06D84

#DEC3CD - #B06D84

HSV Blend

#DEC3CD - #B06D84 | 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 #DEC3CD as 0% and #B06D84 as 100%.

0.0%	0.0% #DEC3CD	RGB 222 195 205	#DEC3CD
16.7%	16.7% #D6B3BF	RGB 214 179 191	#D6B3BF
33.3%	33.3% #CEA3B3	RGB 206 163 179	#CEA3B3
50.0%	50.0% #C795A6	RGB 199 149 166	#C795A6
66.7%	66.7% #BF879A	RGB 191 135 154	#BF879A
83.3%	83.3% #B7798F	RGB 183 121 143	#B7798F
100.0%	100.0% #B06D84	RGB 176 109 132	#B06D84

#DEC3CD #D6B3BF #CEA3B3 #C795A6 #BF879A #B7798F #B06D84

#DEC3CD - #C795A6 - #B06D84

CSS codes

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

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