#DEC7DB - #BA6896 | 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 #DEC7DB to #BA6896

#DEC7DB #BA6896

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

#DEC7DB - #BA6896 | 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 #DEC7DB as 0% and #BA6896 as 100%.

0.0%	0.0% #DEC7DB	RGB 222 199 219	#DEC7DB
16.7%	16.7% #D8B7CF	RGB 216 183 207	#D8B7CF
33.3%	33.3% #D2A7C4	RGB 210 167 196	#D2A7C4
50.0%	50.0% #CC97B8	RGB 204 151 184	#CC97B8
66.7%	66.7% #C687AD	RGB 198 135 173	#C687AD
83.3%	83.3% #C077A1	RGB 192 119 161	#C077A1
100.0%	100.0% #BA6896	RGB 186 104 150	#BA6896

#DEC7DB #D8B7CF #D2A7C4 #CC97B8 #C687AD #C077A1 #BA6896

#DEC7DB - #BA6896

HSV Blend

#DEC7DB - #BA6896 | 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 #DEC7DB as 0% and #BA6896 as 100%.

0.0%	0.0% #DEC7DB	RGB 222 199 219	#DEC7DB
16.7%	16.7% #D8B5D1	RGB 216 181 209	#D8B5D1
33.3%	33.3% #D2A4C7	RGB 210 164 199	#D2A4C7
50.0%	50.0% #CC94BC	RGB 204 148 188	#CC94BC
66.7%	66.7% #C684B0	RGB 198 132 176	#C684B0
83.3%	83.3% #C076A3	RGB 192 118 163	#C076A3
100.0%	100.0% #BA6896	RGB 186 104 150	#BA6896

#DEC7DB #D8B5D1 #D2A4C7 #CC94BC #C684B0 #C076A3 #BA6896

#DEC7DB - #CC94BC - #BA6896

CSS codes

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

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