#C0A5E5 - #FFE3DD | 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 #C0A5E5 to #FFE3DD

#C0A5E5 #FFE3DD

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

#C0A5E5 - #FFE3DD | 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 #C0A5E5 as 0% and #FFE3DD as 100%.

0.0%	0.0% #C0A5E5	RGB 192 165 229	#C0A5E5
16.7%	16.7% #CAAFE3	RGB 202 175 227	#CAAFE3
33.3%	33.3% #D5B9E2	RGB 213 185 226	#D5B9E2
50.0%	50.0% #DFC4E1	RGB 223 196 225	#DFC4E1
66.7%	66.7% #EACEDF	RGB 234 206 223	#EACEDF
83.3%	83.3% #F4D8DE	RGB 244 216 222	#F4D8DE
100.0%	100.0% #FFE3DD	RGB 255 227 221	#FFE3DD

#C0A5E5 #CAAFE3 #D5B9E2 #DFC4E1 #EACEDF #F4D8DE #FFE3DD

#C0A5E5 - #FFE3DD

HSV Blend

#C0A5E5 - #FFE3DD | 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 #C0A5E5 as 0% and #FFE3DD as 100%.

0.0%	0.0% #C0A5E5	RGB 192 165 229	#C0A5E5
16.7%	16.7% #D8ADE9	RGB 216 173 233	#D8ADE9
33.3%	33.3% #EDB6ED	RGB 237 182 237	#EDB6ED
50.0%	50.0% #F2C0E3	RGB 242 192 227	#F2C0E3
66.7%	66.7% #F6C9DB	RGB 246 201 219	#F6C9DB
83.3%	83.3% #FAD3D7	RGB 250 211 215	#FAD3D7
100.0%	100.0% #FFE3DD	RGB 255 227 221	#FFE3DD

#C0A5E5 #D8ADE9 #EDB6ED #F2C0E3 #F6C9DB #FAD3D7 #FFE3DD

#C0A5E5 - #F2C0E3 - #FFE3DD

CSS codes

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

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