#DECADC - #BA6C98 | 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 #DECADC to #BA6C98

#DECADC #BA6C98

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

#DECADC - #BA6C98 | 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 #DECADC as 0% and #BA6C98 as 100%.

0.0%	0.0% #DECADC	RGB 222 202 220	#DECADC
16.7%	16.7% #D8BAD0	RGB 216 186 208	#D8BAD0
33.3%	33.3% #D2AAC5	RGB 210 170 197	#D2AAC5
50.0%	50.0% #CC9BBA	RGB 204 155 186	#CC9BBA
66.7%	66.7% #C68BAE	RGB 198 139 174	#C68BAE
83.3%	83.3% #C07BA3	RGB 192 123 163	#C07BA3
100.0%	100.0% #BA6C98	RGB 186 108 152	#BA6C98

#DECADC #D8BAD0 #D2AAC5 #CC9BBA #C68BAE #C07BA3 #BA6C98

#DECADC - #BA6C98

HSV Blend

#DECADC - #BA6C98 | 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 #DECADC as 0% and #BA6C98 as 100%.

0.0%	0.0% #DECADC	RGB 222 202 220	#DECADC
16.7%	16.7% #D8B8D3	RGB 216 184 211	#D8B8D3
33.3%	33.3% #D2A8C9	RGB 210 168 201	#D2A8C9
50.0%	50.0% #CC98BE	RGB 204 152 190	#CC98BE
66.7%	66.7% #C688B2	RGB 198 136 178	#C688B2
83.3%	83.3% #C07AA5	RGB 192 122 165	#C07AA5
100.0%	100.0% #BA6C98	RGB 186 108 152	#BA6C98

#DECADC #D8B8D3 #D2A8C9 #CC98BE #C688B2 #C07AA5 #BA6C98

#DECADC - #CC98BE - #BA6C98

CSS codes

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

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