#CBDDEC - #608CC2 | 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 #CBDDEC to #608CC2

#CBDDEC #608CC2

Calculate the color between two colors, #CBDDEC and #608CC2. 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)

#CBDDEC - #608CC2 | 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 #CBDDEC as 0% and #608CC2 as 100%.

0.0%	0.0% #CBDDEC	RGB 203 221 236	#CBDDEC
16.7%	16.7% #B9CFE5	RGB 185 207 229	#B9CFE5
33.3%	33.3% #A7C2DE	RGB 167 194 222	#A7C2DE
50.0%	50.0% #95B4D7	RGB 149 180 215	#95B4D7
66.7%	66.7% #83A7D0	RGB 131 167 208	#83A7D0
83.3%	83.3% #7199C9	RGB 113 153 201	#7199C9
100.0%	100.0% #608CC2	RGB 96 140 194	#608CC2

#CBDDEC #B9CFE5 #A7C2DE #95B4D7 #83A7D0 #7199C9 #608CC2

#CBDDEC - #608CC2

HSV Blend

#CBDDEC - #608CC2 | 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 #CBDDEC as 0% and #608CC2 as 100%.

0.0%	0.0% #CBDDEC	RGB 203 221 236	#CBDDEC
16.7%	16.7% #B7CFE5	RGB 183 207 229	#B7CFE5
33.3%	33.3% #A3C1DE	RGB 163 193 222	#A3C1DE
50.0%	50.0% #91B4D7	RGB 145 180 215	#91B4D7
66.7%	66.7% #80A6D0	RGB 128 166 208	#80A6D0
83.3%	83.3% #6F99C9	RGB 111 153 201	#6F99C9
100.0%	100.0% #608CC2	RGB 96 140 194	#608CC2

#CBDDEC #B7CFE5 #A3C1DE #91B4D7 #80A6D0 #6F99C9 #608CC2

#CBDDEC - #91B4D7 - #608CC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBDDEC 0%, #91B4D7 50%, #608CC2 100%);
    background: -webkit-linear-gradient(top, #CBDDEC 0%, #91B4D7 50%, #608CC2 100%);
    background: linear-gradient(to bottom, #CBDDEC 0%, #91B4D7 50%, #608CC2 100%);
}
</style>