#C09EFF - #E2DAEC | 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 #C09EFF to #E2DAEC

#C09EFF #E2DAEC

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

#C09EFF - #E2DAEC | 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 #C09EFF as 0% and #E2DAEC as 100%.

0.0%	0.0% #C09EFF	RGB 192 158 255	#C09EFF
16.7%	16.7% #C5A8FB	RGB 197 168 251	#C5A8FB
33.3%	33.3% #CBB2F8	RGB 203 178 248	#CBB2F8
50.0%	50.0% #D1BCF5	RGB 209 188 245	#D1BCF5
66.7%	66.7% #D6C6F2	RGB 214 198 242	#D6C6F2
83.3%	83.3% #DCD0EF	RGB 220 208 239	#DCD0EF
100.0%	100.0% #E2DAEC	RGB 226 218 236	#E2DAEC

#C09EFF #C5A8FB #CBB2F8 #D1BCF5 #D6C6F2 #DCD0EF #E2DAEC

#C09EFF - #E2DAEC

HSV Blend

#C09EFF - #E2DAEC | 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 #C09EFF as 0% and #E2DAEC as 100%.

0.0%	0.0% #C09EFF	RGB 192 158 255	#C09EFF
16.7%	16.7% #C7A8FB	RGB 199 168 251	#C7A8FB
33.3%	33.3% #CDB3F8	RGB 205 179 248	#CDB3F8
50.0%	50.0% #D3BDF5	RGB 211 189 245	#D3BDF5
66.7%	66.7% #D9C7F2	RGB 217 199 242	#D9C7F2
83.3%	83.3% #DDD0EF	RGB 221 208 239	#DDD0EF
100.0%	100.0% #E2DAEC	RGB 226 218 236	#E2DAEC

#C09EFF #C7A8FB #CDB3F8 #D3BDF5 #D9C7F2 #DDD0EF #E2DAEC

#C09EFF - #D3BDF5 - #E2DAEC

CSS codes

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

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