#C6B5E2 - #C4DEE8 | 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 #C6B5E2 to #C4DEE8

#C6B5E2 #C4DEE8

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

#C6B5E2 - #C4DEE8 | 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 #C6B5E2 as 0% and #C4DEE8 as 100%.

0.0%	0.0% #C6B5E2	RGB 198 181 226	#C6B5E2
16.7%	16.7% #C5BBE3	RGB 197 187 227	#C5BBE3
33.3%	33.3% #C5C2E4	RGB 197 194 228	#C5C2E4
50.0%	50.0% #C5C9E5	RGB 197 201 229	#C5C9E5
66.7%	66.7% #C4D0E6	RGB 196 208 230	#C4D0E6
83.3%	83.3% #C4D7E7	RGB 196 215 231	#C4D7E7
100.0%	100.0% #C4DEE8	RGB 196 222 232	#C4DEE8

#C6B5E2 #C5BBE3 #C5C2E4 #C5C9E5 #C4D0E6 #C4D7E7 #C4DEE8

#C6B5E2 - #C4DEE8

HSV Blend

#C6B5E2 - #C4DEE8 | 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 #C6B5E2 as 0% and #C4DEE8 as 100%.

0.0%	0.0% #C6B5E2	RGB 198 181 226	#C6B5E2
16.7%	16.7% #BFB7E3	RGB 191 183 227	#BFB7E3
33.3%	33.3% #BAB9E4	RGB 186 185 228	#BAB9E4
50.0%	50.0% #BCC3E5	RGB 188 195 229	#BCC3E5
66.7%	66.7% #BECCE6	RGB 190 204 230	#BECCE6
83.3%	83.3% #C1D5E7	RGB 193 213 231	#C1D5E7
100.0%	100.0% #C4DEE8	RGB 196 222 232	#C4DEE8

#C6B5E2 #BFB7E3 #BAB9E4 #BCC3E5 #BECCE6 #C1D5E7 #C4DEE8

#C6B5E2 - #BCC3E5 - #C4DEE8

CSS codes

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

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