#C2A8F0 - #D2D0E8 | 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 #C2A8F0 to #D2D0E8

#C2A8F0 #D2D0E8

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

#C2A8F0 - #D2D0E8 | 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 #C2A8F0 as 0% and #D2D0E8 as 100%.

0.0%	0.0% #C2A8F0	RGB 194 168 240	#C2A8F0
16.7%	16.7% #C4AEEE	RGB 196 174 238	#C4AEEE
33.3%	33.3% #C7B5ED	RGB 199 181 237	#C7B5ED
50.0%	50.0% #CABCEC	RGB 202 188 236	#CABCEC
66.7%	66.7% #CCC2EA	RGB 204 194 234	#CCC2EA
83.3%	83.3% #CFC9E9	RGB 207 201 233	#CFC9E9
100.0%	100.0% #D2D0E8	RGB 210 208 232	#D2D0E8

#C2A8F0 #C4AEEE #C7B5ED #CABCEC #CCC2EA #CFC9E9 #D2D0E8

#C2A8F0 - #D2D0E8

HSV Blend

#C2A8F0 - #D2D0E8 | 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 #C2A8F0 as 0% and #D2D0E8 as 100%.

0.0%	0.0% #C2A8F0	RGB 194 168 240	#C2A8F0
16.7%	16.7% #C2AEEE	RGB 194 174 238	#C2AEEE
33.3%	33.3% #C4B5ED	RGB 196 181 237	#C4B5ED
50.0%	50.0% #C6BCEC	RGB 198 188 236	#C6BCEC
66.7%	66.7% #C9C3EA	RGB 201 195 234	#C9C3EA
83.3%	83.3% #CDC9E9	RGB 205 201 233	#CDC9E9
100.0%	100.0% #D2D0E8	RGB 210 208 232	#D2D0E8

#C2A8F0 #C2AEEE #C4B5ED #C6BCEC #C9C3EA #CDC9E9 #D2D0E8

#C2A8F0 - #C6BCEC - #D2D0E8

CSS codes

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

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