#DCCADB - #B96C96 | 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 #DCCADB to #B96C96

#DCCADB #B96C96

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

#DCCADB - #B96C96 | 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 #DCCADB as 0% and #B96C96 as 100%.

0.0%	0.0% #DCCADB	RGB 220 202 219	#DCCADB
16.7%	16.7% #D6BACF	RGB 214 186 207	#D6BACF
33.3%	33.3% #D0AAC4	RGB 208 170 196	#D0AAC4
50.0%	50.0% #CA9BB8	RGB 202 155 184	#CA9BB8
66.7%	66.7% #C48BAD	RGB 196 139 173	#C48BAD
83.3%	83.3% #BE7BA1	RGB 190 123 161	#BE7BA1
100.0%	100.0% #B96C96	RGB 185 108 150	#B96C96

#DCCADB #D6BACF #D0AAC4 #CA9BB8 #C48BAD #BE7BA1 #B96C96

#DCCADB - #B96C96

HSV Blend

#DCCADB - #B96C96 | 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 #DCCADB as 0% and #B96C96 as 100%.

0.0%	0.0% #DCCADB	RGB 220 202 219	#DCCADB
16.7%	16.7% #D6B8D2	RGB 214 184 210	#D6B8D2
33.3%	33.3% #D0A8C8	RGB 208 168 200	#D0A8C8
50.0%	50.0% #CA98BD	RGB 202 152 189	#CA98BD
66.7%	66.7% #C488B1	RGB 196 136 177	#C488B1
83.3%	83.3% #BE7AA4	RGB 190 122 164	#BE7AA4
100.0%	100.0% #B96C96	RGB 185 108 150	#B96C96

#DCCADB #D6B8D2 #D0A8C8 #CA98BD #C488B1 #BE7AA4 #B96C96

#DCCADB - #CA98BD - #B96C96

CSS codes

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

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