#CDDFEB - #7796B7 | 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 #CDDFEB to #7796B7

#CDDFEB #7796B7

Calculate the color between two colors, #CDDFEB and #7796B7. 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)

#CDDFEB - #7796B7 | 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 #CDDFEB as 0% and #7796B7 as 100%.

0.0%	0.0% #CDDFEB	RGB 205 223 235	#CDDFEB
16.7%	16.7% #BED2E2	RGB 190 210 226	#BED2E2
33.3%	33.3% #B0C6D9	RGB 176 198 217	#B0C6D9
50.0%	50.0% #A2BAD1	RGB 162 186 209	#A2BAD1
66.7%	66.7% #93AEC8	RGB 147 174 200	#93AEC8
83.3%	83.3% #85A2BF	RGB 133 162 191	#85A2BF
100.0%	100.0% #7796B7	RGB 119 150 183	#7796B7

#CDDFEB #BED2E2 #B0C6D9 #A2BAD1 #93AEC8 #85A2BF #7796B7

#CDDFEB - #7796B7

HSV Blend

#CDDFEB - #7796B7 | 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 #CDDFEB as 0% and #7796B7 as 100%.

0.0%	0.0% #CDDFEB	RGB 205 223 235	#CDDFEB
16.7%	16.7% #BDD2E2	RGB 189 210 226	#BDD2E2
33.3%	33.3% #ADC6D9	RGB 173 198 217	#ADC6D9
50.0%	50.0% #9FBAD1	RGB 159 186 209	#9FBAD1
66.7%	66.7% #91ADC8	RGB 145 173 200	#91ADC8
83.3%	83.3% #83A1BF	RGB 131 161 191	#83A1BF
100.0%	100.0% #7796B7	RGB 119 150 183	#7796B7

#CDDFEB #BDD2E2 #ADC6D9 #9FBAD1 #91ADC8 #83A1BF #7796B7

#CDDFEB - #9FBAD1 - #7796B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDDFEB 0%, #9FBAD1 50%, #7796B7 100%);
    background: -webkit-linear-gradient(top, #CDDFEB 0%, #9FBAD1 50%, #7796B7 100%);
    background: linear-gradient(to bottom, #CDDFEB 0%, #9FBAD1 50%, #7796B7 100%);
}
</style>