#DECEDC - #BA7398 | 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 #DECEDC to #BA7398

#DECEDC #BA7398

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

#DECEDC - #BA7398 | 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 #DECEDC as 0% and #BA7398 as 100%.

0.0%	0.0% #DECEDC	RGB 222 206 220	#DECEDC
16.7%	16.7% #D8BED0	RGB 216 190 208	#D8BED0
33.3%	33.3% #D2AFC5	RGB 210 175 197	#D2AFC5
50.0%	50.0% #CCA0BA	RGB 204 160 186	#CCA0BA
66.7%	66.7% #C691AE	RGB 198 145 174	#C691AE
83.3%	83.3% #C082A3	RGB 192 130 163	#C082A3
100.0%	100.0% #BA7398	RGB 186 115 152	#BA7398

#DECEDC #D8BED0 #D2AFC5 #CCA0BA #C691AE #C082A3 #BA7398

#DECEDC - #BA7398

HSV Blend

#DECEDC - #BA7398 | 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 #DECEDC as 0% and #BA7398 as 100%.

0.0%	0.0% #DECEDC	RGB 222 206 220	#DECEDC
16.7%	16.7% #D8BDD3	RGB 216 189 211	#D8BDD3
33.3%	33.3% #D2ADC9	RGB 210 173 201	#D2ADC9
50.0%	50.0% #CC9DBE	RGB 204 157 190	#CC9DBE
66.7%	66.7% #C68EB2	RGB 198 142 178	#C68EB2
83.3%	83.3% #C080A5	RGB 192 128 165	#C080A5
100.0%	100.0% #BA7398	RGB 186 115 152	#BA7398

#DECEDC #D8BDD3 #D2ADC9 #CC9DBE #C68EB2 #C080A5 #BA7398

#DECEDC - #CC9DBE - #BA7398

CSS codes

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

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