#E5B2FF - #CBECE9 | 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 #E5B2FF to #CBECE9

#E5B2FF #CBECE9

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

#E5B2FF - #CBECE9 | 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 #E5B2FF as 0% and #CBECE9 as 100%.

0.0%	0.0% #E5B2FF	RGB 229 178 255	#E5B2FF
16.7%	16.7% #E0BBFB	RGB 224 187 251	#E0BBFB
33.3%	33.3% #DCC5F7	RGB 220 197 247	#DCC5F7
50.0%	50.0% #D8CFF4	RGB 216 207 244	#D8CFF4
66.7%	66.7% #D3D8F0	RGB 211 216 240	#D3D8F0
83.3%	83.3% #CFE2EC	RGB 207 226 236	#CFE2EC
100.0%	100.0% #CBECE9	RGB 203 236 233	#CBECE9

#E5B2FF #E0BBFB #DCC5F7 #D8CFF4 #D3D8F0 #CFE2EC #CBECE9

#E5B2FF - #CBECE9

HSV Blend

#E5B2FF - #CBECE9 | 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 #E5B2FF as 0% and #CBECE9 as 100%.

0.0%	0.0% #E5B2FF	RGB 229 178 255	#E5B2FF
16.7%	16.7% #D0B6FB	RGB 208 182 251	#D0B6FB
33.3%	33.3% #BFBBF8	RGB 191 187 248	#BFBBF8
50.0%	50.0% #BFCAF5	RGB 191 202 245	#BFCAF5
66.7%	66.7% #C3DBF2	RGB 195 219 242	#C3DBF2
83.3%	83.3% #C7E7EF	RGB 199 231 239	#C7E7EF
100.0%	100.0% #CBECE9	RGB 203 236 233	#CBECE9

#E5B2FF #D0B6FB #BFBBF8 #BFCAF5 #C3DBF2 #C7E7EF #CBECE9

#E5B2FF - #BFCAF5 - #CBECE9

CSS codes

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

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