#68B5E8 - #CBDCE0 | 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 #68B5E8 to #CBDCE0

#68B5E8 #CBDCE0

Calculate the color between two colors, #68B5E8 and #CBDCE0. 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)

#68B5E8 - #CBDCE0 | 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 #68B5E8 as 0% and #CBDCE0 as 100%.

0.0%	0.0% #68B5E8	RGB 104 181 232	#68B5E8
16.7%	16.7% #78BBE6	RGB 120 187 230	#78BBE6
33.3%	33.3% #89C2E5	RGB 137 194 229	#89C2E5
50.0%	50.0% #99C8E4	RGB 153 200 228	#99C8E4
66.7%	66.7% #AACFE2	RGB 170 207 226	#AACFE2
83.3%	83.3% #BAD5E1	RGB 186 213 225	#BAD5E1
100.0%	100.0% #CBDCE0	RGB 203 220 224	#CBDCE0

#68B5E8 #78BBE6 #89C2E5 #99C8E4 #AACFE2 #BAD5E1 #CBDCE0

#68B5E8 - #CBDCE0

HSV Blend

#68B5E8 - #CBDCE0 | 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 #68B5E8 as 0% and #CBDCE0 as 100%.

0.0%	0.0% #68B5E8	RGB 104 181 232	#68B5E8
16.7%	16.7% #79BEE6	RGB 121 190 230	#79BEE6
33.3%	33.3% #89C7E5	RGB 137 199 229	#89C7E5
50.0%	50.0% #9ACEE4	RGB 154 206 228	#9ACEE4
66.7%	66.7% #AAD4E2	RGB 170 212 226	#AAD4E2
83.3%	83.3% #BBD8E1	RGB 187 216 225	#BBD8E1
100.0%	100.0% #CBDCE0	RGB 203 220 224	#CBDCE0

#68B5E8 #79BEE6 #89C7E5 #9ACEE4 #AAD4E2 #BBD8E1 #CBDCE0

#68B5E8 - #9ACEE4 - #CBDCE0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68B5E8 0%, #9ACEE4 50%, #CBDCE0 100%);
    background: -webkit-linear-gradient(top, #68B5E8 0%, #9ACEE4 50%, #CBDCE0 100%);
    background: linear-gradient(to bottom, #68B5E8 0%, #9ACEE4 50%, #CBDCE0 100%);
}
</style>