#C3A8DF - #C7DEE2 | 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 #C3A8DF to #C7DEE2

#C3A8DF #C7DEE2

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

#C3A8DF - #C7DEE2 | 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 #C3A8DF as 0% and #C7DEE2 as 100%.

0.0%	0.0% #C3A8DF	RGB 195 168 223	#C3A8DF
16.7%	16.7% #C3B1DF	RGB 195 177 223	#C3B1DF
33.3%	33.3% #C4BAE0	RGB 196 186 224	#C4BAE0
50.0%	50.0% #C5C3E0	RGB 197 195 224	#C5C3E0
66.7%	66.7% #C5CCE1	RGB 197 204 225	#C5CCE1
83.3%	83.3% #C6D5E1	RGB 198 213 225	#C6D5E1
100.0%	100.0% #C7DEE2	RGB 199 222 226	#C7DEE2

#C3A8DF #C3B1DF #C4BAE0 #C5C3E0 #C5CCE1 #C6D5E1 #C7DEE2

#C3A8DF - #C7DEE2

HSV Blend

#C3A8DF - #C7DEE2 | 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 #C3A8DF as 0% and #C7DEE2 as 100%.

0.0%	0.0% #C3A8DF	RGB 195 168 223	#C3A8DF
16.7%	16.7% #BAADDF	RGB 186 173 223	#BAADDF
33.3%	33.3% #B4B2E0	RGB 180 178 224	#B4B2E0
50.0%	50.0% #B7BEE0	RGB 183 190 224	#B7BEE0
66.7%	66.7% #BCCBE1	RGB 188 203 225	#BCCBE1
83.3%	83.3% #C1D5E1	RGB 193 213 225	#C1D5E1
100.0%	100.0% #C7DEE2	RGB 199 222 226	#C7DEE2

#C3A8DF #BAADDF #B4B2E0 #B7BEE0 #BCCBE1 #C1D5E1 #C7DEE2

#C3A8DF - #B7BEE0 - #C7DEE2

CSS codes

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

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