#C3A8FC - #EEE6FE | 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 #C3A8FC to #EEE6FE

#C3A8FC #EEE6FE

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

#C3A8FC - #EEE6FE | 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 #C3A8FC as 0% and #EEE6FE as 100%.

0.0%	0.0% #C3A8FC	RGB 195 168 252	#C3A8FC
16.7%	16.7% #CAB2FC	RGB 202 178 252	#CAB2FC
33.3%	33.3% #D1BCFC	RGB 209 188 252	#D1BCFC
50.0%	50.0% #D8C7FD	RGB 216 199 253	#D8C7FD
66.7%	66.7% #DFD1FD	RGB 223 209 253	#DFD1FD
83.3%	83.3% #E6DBFD	RGB 230 219 253	#E6DBFD
100.0%	100.0% #EEE6FE	RGB 238 230 254	#EEE6FE

#C3A8FC #CAB2FC #D1BCFC #D8C7FD #DFD1FD #E6DBFD #EEE6FE

#C3A8FC - #EEE6FE

HSV Blend

#C3A8FC - #EEE6FE | 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 #C3A8FC as 0% and #EEE6FE as 100%.

0.0%	0.0% #C3A8FC	RGB 195 168 252	#C3A8FC
16.7%	16.7% #CAB2FC	RGB 202 178 252	#CAB2FC
33.3%	33.3% #D1BCFC	RGB 209 188 252	#D1BCFC
50.0%	50.0% #D8C6FD	RGB 216 198 253	#D8C6FD
66.7%	66.7% #DFD1FD	RGB 223 209 253	#DFD1FD
83.3%	83.3% #E6DBFD	RGB 230 219 253	#E6DBFD
100.0%	100.0% #EEE6FE	RGB 238 230 254	#EEE6FE

#C3A8FC #CAB2FC #D1BCFC #D8C6FD #DFD1FD #E6DBFD #EEE6FE

#C3A8FC - #D8C6FD - #EEE6FE

CSS codes

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

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