#DAB5DF - #C9D0E4 | 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 #DAB5DF to #C9D0E4

#DAB5DF #C9D0E4

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

#DAB5DF - #C9D0E4 | 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 #DAB5DF as 0% and #C9D0E4 as 100%.

0.0%	0.0% #DAB5DF	RGB 218 181 223	#DAB5DF
16.7%	16.7% #D7B9DF	RGB 215 185 223	#D7B9DF
33.3%	33.3% #D4BEE0	RGB 212 190 224	#D4BEE0
50.0%	50.0% #D1C2E1	RGB 209 194 225	#D1C2E1
66.7%	66.7% #CEC7E2	RGB 206 199 226	#CEC7E2
83.3%	83.3% #CBCBE3	RGB 203 203 227	#CBCBE3
100.0%	100.0% #C9D0E4	RGB 201 208 228	#C9D0E4

#DAB5DF #D7B9DF #D4BEE0 #D1C2E1 #CEC7E2 #CBCBE3 #C9D0E4

#DAB5DF - #C9D0E4

HSV Blend

#DAB5DF - #C9D0E4 | 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 #DAB5DF as 0% and #C9D0E4 as 100%.

0.0%	0.0% #DAB5DF	RGB 218 181 223	#DAB5DF
16.7%	16.7% #D3B8DF	RGB 211 184 223	#D3B8DF
33.3%	33.3% #CEBBE0	RGB 206 187 224	#CEBBE0
50.0%	50.0% #C9BEE1	RGB 201 190 225	#C9BEE1
66.7%	66.7% #C6C2E2	RGB 198 194 226	#C6C2E2
83.3%	83.3% #C5C7E3	RGB 197 199 227	#C5C7E3
100.0%	100.0% #C9D0E4	RGB 201 208 228	#C9D0E4

#DAB5DF #D3B8DF #CEBBE0 #C9BEE1 #C6C2E2 #C5C7E3 #C9D0E4

#DAB5DF - #C9BEE1 - #C9D0E4

CSS codes

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

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