#CEDEF5 - #7BABDF | 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 #CEDEF5 to #7BABDF

#CEDEF5 #7BABDF

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

#CEDEF5 - #7BABDF | 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 #CEDEF5 as 0% and #7BABDF as 100%.

0.0%	0.0% #CEDEF5	RGB 206 222 245	#CEDEF5
16.7%	16.7% #C0D5F1	RGB 192 213 241	#C0D5F1
33.3%	33.3% #B2CDED	RGB 178 205 237	#B2CDED
50.0%	50.0% #A4C4EA	RGB 164 196 234	#A4C4EA
66.7%	66.7% #96BCE6	RGB 150 188 230	#96BCE6
83.3%	83.3% #88B3E2	RGB 136 179 226	#88B3E2
100.0%	100.0% #7BABDF	RGB 123 171 223	#7BABDF

#CEDEF5 #C0D5F1 #B2CDED #A4C4EA #96BCE6 #88B3E2 #7BABDF

#CEDEF5 - #7BABDF

HSV Blend

#CEDEF5 - #7BABDF | 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 #CEDEF5 as 0% and #7BABDF as 100%.

0.0%	0.0% #CEDEF5	RGB 206 222 245	#CEDEF5
16.7%	16.7% #BFD4F1	RGB 191 212 241	#BFD4F1
33.3%	33.3% #B0CBED	RGB 176 203 237	#B0CBED
50.0%	50.0% #A2C2EA	RGB 162 194 234	#A2C2EA
66.7%	66.7% #95BAE6	RGB 149 186 230	#95BAE6
83.3%	83.3% #87B2E2	RGB 135 178 226	#87B2E2
100.0%	100.0% #7BABDF	RGB 123 171 223	#7BABDF

#CEDEF5 #BFD4F1 #B0CBED #A2C2EA #95BAE6 #87B2E2 #7BABDF

#CEDEF5 - #A2C2EA - #7BABDF

CSS codes

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

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