#C6BEEB - #EEECF9 | 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 #C6BEEB to #EEECF9

#C6BEEB #EEECF9

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

#C6BEEB - #EEECF9 | 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 #C6BEEB as 0% and #EEECF9 as 100%.

0.0%	0.0% #C6BEEB	RGB 198 190 235	#C6BEEB
16.7%	16.7% #CCC5ED	RGB 204 197 237	#CCC5ED
33.3%	33.3% #D3CDEF	RGB 211 205 239	#D3CDEF
50.0%	50.0% #DAD5F2	RGB 218 213 242	#DAD5F2
66.7%	66.7% #E0DCF4	RGB 224 220 244	#E0DCF4
83.3%	83.3% #E7E4F6	RGB 231 228 246	#E7E4F6
100.0%	100.0% #EEECF9	RGB 238 236 249	#EEECF9

#C6BEEB #CCC5ED #D3CDEF #DAD5F2 #E0DCF4 #E7E4F6 #EEECF9

#C6BEEB - #EEECF9

HSV Blend

#C6BEEB - #EEECF9 | 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 #C6BEEB as 0% and #EEECF9 as 100%.

0.0%	0.0% #C6BEEB	RGB 198 190 235	#C6BEEB
16.7%	16.7% #CCC5ED	RGB 204 197 237	#CCC5ED
33.3%	33.3% #D2CCEF	RGB 210 204 239	#D2CCEF
50.0%	50.0% #D9D4F2	RGB 217 212 242	#D9D4F2
66.7%	66.7% #E0DCF4	RGB 224 220 244	#E0DCF4
83.3%	83.3% #E6E4F6	RGB 230 228 246	#E6E4F6
100.0%	100.0% #EEECF9	RGB 238 236 249	#EEECF9

#C6BEEB #CCC5ED #D2CCEF #D9D4F2 #E0DCF4 #E6E4F6 #EEECF9

#C6BEEB - #D9D4F2 - #EEECF9

CSS codes

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

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