#CBEBEF - #EAEAFB | 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 #CBEBEF to #EAEAFB

#CBEBEF #EAEAFB

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

#CBEBEF - #EAEAFB | 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 #CBEBEF as 0% and #EAEAFB as 100%.

0.0%	0.0% #CBEBEF	RGB 203 235 239	#CBEBEF
16.7%	16.7% #D0EAF1	RGB 208 234 241	#D0EAF1
33.3%	33.3% #D5EAF3	RGB 213 234 243	#D5EAF3
50.0%	50.0% #DAEAF5	RGB 218 234 245	#DAEAF5
66.7%	66.7% #DFEAF7	RGB 223 234 247	#DFEAF7
83.3%	83.3% #E4EAF9	RGB 228 234 249	#E4EAF9
100.0%	100.0% #EAEAFB	RGB 234 234 251	#EAEAFB

#CBEBEF #D0EAF1 #D5EAF3 #DAEAF5 #DFEAF7 #E4EAF9 #EAEAFB

#CBEBEF - #EAEAFB

HSV Blend

#CBEBEF - #EAEAFB | 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 #CBEBEF as 0% and #EAEAFB as 100%.

0.0%	0.0% #CBEBEF	RGB 203 235 239	#CBEBEF
16.7%	16.7% #D0E8F1	RGB 208 232 241	#D0E8F1
33.3%	33.3% #D5E6F3	RGB 213 230 243	#D5E6F3
50.0%	50.0% #DAE6F5	RGB 218 230 245	#DAE6F5
66.7%	66.7% #DFE6F7	RGB 223 230 247	#DFE6F7
83.3%	83.3% #E4E7F9	RGB 228 231 249	#E4E7F9
100.0%	100.0% #EAEAFB	RGB 234 234 251	#EAEAFB

#CBEBEF #D0E8F1 #D5E6F3 #DAE6F5 #DFE6F7 #E4E7F9 #EAEAFB

#CBEBEF - #DAE6F5 - #EAEAFB

CSS codes

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

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