#DECCD4 - #B2788D | 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 #DECCD4 to #B2788D

#DECCD4 #B2788D

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

#DECCD4 - #B2788D | 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 #DECCD4 as 0% and #B2788D as 100%.

0.0%	0.0% #DECCD4	RGB 222 204 212	#DECCD4
16.7%	16.7% #D6BEC8	RGB 214 190 200	#D6BEC8
33.3%	33.3% #CFB0BC	RGB 207 176 188	#CFB0BC
50.0%	50.0% #C8A2B0	RGB 200 162 176	#C8A2B0
66.7%	66.7% #C094A4	RGB 192 148 164	#C094A4
83.3%	83.3% #B98698	RGB 185 134 152	#B98698
100.0%	100.0% #B2788D	RGB 178 120 141	#B2788D

#DECCD4 #D6BEC8 #CFB0BC #C8A2B0 #C094A4 #B98698 #B2788D

#DECCD4 - #B2788D

HSV Blend

#DECCD4 - #B2788D | 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 #DECCD4 as 0% and #B2788D as 100%.

0.0%	0.0% #DECCD4	RGB 222 204 212	#DECCD4
16.7%	16.7% #D6BCC7	RGB 214 188 199	#D6BCC7
33.3%	33.3% #CFADBB	RGB 207 173 187	#CFADBB
50.0%	50.0% #C89FAF	RGB 200 159 175	#C89FAF
66.7%	66.7% #C091A3	RGB 192 145 163	#C091A3
83.3%	83.3% #B98498	RGB 185 132 152	#B98498
100.0%	100.0% #B2788D	RGB 178 120 141	#B2788D

#DECCD4 #D6BCC7 #CFADBB #C89FAF #C091A3 #B98498 #B2788D

#DECCD4 - #C89FAF - #B2788D

CSS codes

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

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