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

#DCB5E0 #C9D0E4

Calculate the color between two colors, #DCB5E0 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)

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

0.0%	0.0% #DCB5E0	RGB 220 181 224	#DCB5E0
16.7%	16.7% #D8B9E0	RGB 216 185 224	#D8B9E0
33.3%	33.3% #D5BEE1	RGB 213 190 225	#D5BEE1
50.0%	50.0% #D2C2E2	RGB 210 194 226	#D2C2E2
66.7%	66.7% #CFC7E2	RGB 207 199 226	#CFC7E2
83.3%	83.3% #CCCBE3	RGB 204 203 227	#CCCBE3
100.0%	100.0% #C9D0E4	RGB 201 208 228	#C9D0E4

#DCB5E0 #D8B9E0 #D5BEE1 #D2C2E2 #CFC7E2 #CCCBE3 #C9D0E4

#DCB5E0 - #C9D0E4

HSV Blend

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

0.0%	0.0% #DCB5E0	RGB 220 181 224	#DCB5E0
16.7%	16.7% #D5B8E0	RGB 213 184 224	#D5B8E0
33.3%	33.3% #CFBBE1	RGB 207 187 225	#CFBBE1
50.0%	50.0% #CABEE2	RGB 202 190 226	#CABEE2
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

#DCB5E0 #D5B8E0 #CFBBE1 #CABEE2 #C6C2E2 #C5C7E3 #C9D0E4

#DCB5E0 - #CABEE2 - #C9D0E4

CSS codes

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

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