#C5BFEB - #EDECF9 | 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 #C5BFEB to #EDECF9

#C5BFEB #EDECF9

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

#C5BFEB - #EDECF9 | 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 #C5BFEB as 0% and #EDECF9 as 100%.

0.0%	0.0% #C5BFEB	RGB 197 191 235	#C5BFEB
16.7%	16.7% #CBC6ED	RGB 203 198 237	#CBC6ED
33.3%	33.3% #D2CEEF	RGB 210 206 239	#D2CEEF
50.0%	50.0% #D9D5F2	RGB 217 213 242	#D9D5F2
66.7%	66.7% #DFDDF4	RGB 223 221 244	#DFDDF4
83.3%	83.3% #E6E4F6	RGB 230 228 246	#E6E4F6
100.0%	100.0% #EDECF9	RGB 237 236 249	#EDECF9

#C5BFEB #CBC6ED #D2CEEF #D9D5F2 #DFDDF4 #E6E4F6 #EDECF9

#C5BFEB - #EDECF9

HSV Blend

#C5BFEB - #EDECF9 | 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 #C5BFEB as 0% and #EDECF9 as 100%.

0.0%	0.0% #C5BFEB	RGB 197 191 235	#C5BFEB
16.7%	16.7% #CBC6ED	RGB 203 198 237	#CBC6ED
33.3%	33.3% #D1CDEF	RGB 209 205 239	#D1CDEF
50.0%	50.0% #D8D5F2	RGB 216 213 242	#D8D5F2
66.7%	66.7% #DEDCF4	RGB 222 220 244	#DEDCF4
83.3%	83.3% #E5E4F6	RGB 229 228 246	#E5E4F6
100.0%	100.0% #EDECF9	RGB 237 236 249	#EDECF9

#C5BFEB #CBC6ED #D1CDEF #D8D5F2 #DEDCF4 #E5E4F6 #EDECF9

#C5BFEB - #D8D5F2 - #EDECF9

CSS codes

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

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