#DCADCC - #D9D6DB | 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 #DCADCC to #D9D6DB

#DCADCC #D9D6DB

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

#DCADCC - #D9D6DB | 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 #DCADCC as 0% and #D9D6DB as 100%.

0.0%	0.0% #DCADCC	RGB 220 173 204	#DCADCC
16.7%	16.7% #DBB3CE	RGB 219 179 206	#DBB3CE
33.3%	33.3% #DBBAD1	RGB 219 186 209	#DBBAD1
50.0%	50.0% #DAC1D3	RGB 218 193 211	#DAC1D3
66.7%	66.7% #DAC8D6	RGB 218 200 214	#DAC8D6
83.3%	83.3% #D9CFD8	RGB 217 207 216	#D9CFD8
100.0%	100.0% #D9D6DB	RGB 217 214 219	#D9D6DB

#DCADCC #DBB3CE #DBBAD1 #DAC1D3 #DAC8D6 #D9CFD8 #D9D6DB

#DCADCC - #D9D6DB

HSV Blend

#DCADCC - #D9D6DB | 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 #DCADCC as 0% and #D9D6DB as 100%.

0.0%	0.0% #DCADCC	RGB 220 173 204	#DCADCC
16.7%	16.7% #DBB3D3	RGB 219 179 211	#DBB3D3
33.3%	33.3% #DBBAD8	RGB 219 186 216	#DBBAD8
50.0%	50.0% #DAC1DB	RGB 218 193 219	#DAC1DB
66.7%	66.7% #D8C8DB	RGB 216 200 219	#D8C8DB
83.3%	83.3% #D7CFDB	RGB 215 207 219	#D7CFDB
100.0%	100.0% #D9D6DB	RGB 217 214 219	#D9D6DB

#DCADCC #DBB3D3 #DBBAD8 #DAC1DB #D8C8DB #D7CFDB #D9D6DB

#DCADCC - #DAC1DB - #D9D6DB

CSS codes

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

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