#CBCBCB - #E2EEFF | 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 #CBCBCB to #E2EEFF

#CBCBCB #E2EEFF

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

#CBCBCB - #E2EEFF | 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 #CBCBCB as 0% and #E2EEFF as 100%.

0.0%	0.0% #CBCBCB	RGB 203 203 203	#CBCBCB
16.7%	16.7% #CED0D3	RGB 206 208 211	#CED0D3
33.3%	33.3% #D2D6DC	RGB 210 214 220	#D2D6DC
50.0%	50.0% #D6DCE5	RGB 214 220 229	#D6DCE5
66.7%	66.7% #DAE2ED	RGB 218 226 237	#DAE2ED
83.3%	83.3% #DEE8F6	RGB 222 232 246	#DEE8F6
100.0%	100.0% #E2EEFF	RGB 226 238 255	#E2EEFF

#CBCBCB #CED0D3 #D2D6DC #D6DCE5 #DAE2ED #DEE8F6 #E2EEFF

#CBCBCB - #E2EEFF

HSV Blend

#CBCBCB - #E2EEFF | 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 #CBCBCB as 0% and #E2EEFF as 100%.

0.0%	0.0% #CBCBCB	RGB 203 203 203	#CBCBCB
16.7%	16.7% #D3CFD1	RGB 211 207 209	#D3CFD1
33.3%	33.3% #DCD3DA	RGB 220 211 218	#DCD3DA
50.0%	50.0% #E2D7E5	RGB 226 215 229	#E2D7E5
66.7%	66.7% #E2DBED	RGB 226 219 237	#E2DBED
83.3%	83.3% #DEDFF6	RGB 222 223 246	#DEDFF6
100.0%	100.0% #E2EEFF	RGB 226 238 255	#E2EEFF

#CBCBCB #D3CFD1 #DCD3DA #E2D7E5 #E2DBED #DEDFF6 #E2EEFF

#CBCBCB - #E2D7E5 - #E2EEFF

CSS codes

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

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