#93C2FF - #CDDEED | 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 #93C2FF to #CDDEED

#93C2FF #CDDEED

Calculate the color between two colors, #93C2FF and #CDDEED. 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)

#93C2FF - #CDDEED | 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 #93C2FF as 0% and #CDDEED as 100%.

0.0%	0.0% #93C2FF	RGB 147 194 255	#93C2FF
16.7%	16.7% #9CC6FC	RGB 156 198 252	#9CC6FC
33.3%	33.3% #A6CBF9	RGB 166 203 249	#A6CBF9
50.0%	50.0% #B0D0F6	RGB 176 208 246	#B0D0F6
66.7%	66.7% #B9D4F3	RGB 185 212 243	#B9D4F3
83.3%	83.3% #C3D9F0	RGB 195 217 240	#C3D9F0
100.0%	100.0% #CDDEED	RGB 205 222 237	#CDDEED

#93C2FF #9CC6FC #A6CBF9 #B0D0F6 #B9D4F3 #C3D9F0 #CDDEED

#93C2FF - #CDDEED

HSV Blend

#93C2FF - #CDDEED | 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 #93C2FF as 0% and #CDDEED as 100%.

0.0%	0.0% #93C2FF	RGB 147 194 255	#93C2FF
16.7%	16.7% #9DC8FC	RGB 157 200 252	#9DC8FC
33.3%	33.3% #A7CDF9	RGB 167 205 249	#A7CDF9
50.0%	50.0% #B1D2F6	RGB 177 210 246	#B1D2F6
66.7%	66.7% #BAD6F3	RGB 186 214 243	#BAD6F3
83.3%	83.3% #C4DAF0	RGB 196 218 240	#C4DAF0
100.0%	100.0% #CDDEED	RGB 205 222 237	#CDDEED

#93C2FF #9DC8FC #A7CDF9 #B1D2F6 #BAD6F3 #C4DAF0 #CDDEED

#93C2FF - #B1D2F6 - #CDDEED

CSS codes

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

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