#C4A8F2 - #EEE6FB | 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 #C4A8F2 to #EEE6FB

#C4A8F2 #EEE6FB

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

#C4A8F2 - #EEE6FB | 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 #C4A8F2 as 0% and #EEE6FB as 100%.

0.0%	0.0% #C4A8F2	RGB 196 168 242	#C4A8F2
16.7%	16.7% #CBB2F3	RGB 203 178 243	#CBB2F3
33.3%	33.3% #D2BCF5	RGB 210 188 245	#D2BCF5
50.0%	50.0% #D9C7F6	RGB 217 199 246	#D9C7F6
66.7%	66.7% #E0D1F8	RGB 224 209 248	#E0D1F8
83.3%	83.3% #E7DBF9	RGB 231 219 249	#E7DBF9
100.0%	100.0% #EEE6FB	RGB 238 230 251	#EEE6FB

#C4A8F2 #CBB2F3 #D2BCF5 #D9C7F6 #E0D1F8 #E7DBF9 #EEE6FB

#C4A8F2 - #EEE6FB

HSV Blend

#C4A8F2 - #EEE6FB | 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 #C4A8F2 as 0% and #EEE6FB as 100%.

0.0%	0.0% #C4A8F2	RGB 196 168 242	#C4A8F2
16.7%	16.7% #CAB2F3	RGB 202 178 243	#CAB2F3
33.3%	33.3% #D1BCF5	RGB 209 188 245	#D1BCF5
50.0%	50.0% #D8C6F6	RGB 216 198 246	#D8C6F6
66.7%	66.7% #DFD0F8	RGB 223 208 248	#DFD0F8
83.3%	83.3% #E6DBF9	RGB 230 219 249	#E6DBF9
100.0%	100.0% #EEE6FB	RGB 238 230 251	#EEE6FB

#C4A8F2 #CAB2F3 #D1BCF5 #D8C6F6 #DFD0F8 #E6DBF9 #EEE6FB

#C4A8F2 - #D8C6F6 - #EEE6FB

CSS codes

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

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