#A0ADE8 - #CBD7E4 | 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 #A0ADE8 to #CBD7E4

#A0ADE8 #CBD7E4

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

#A0ADE8 - #CBD7E4 | 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 #A0ADE8 as 0% and #CBD7E4 as 100%.

0.0%	0.0% #A0ADE8	RGB 160 173 232	#A0ADE8
16.7%	16.7% #A7B4E7	RGB 167 180 231	#A7B4E7
33.3%	33.3% #AEBBE6	RGB 174 187 230	#AEBBE6
50.0%	50.0% #B5C2E6	RGB 181 194 230	#B5C2E6
66.7%	66.7% #BCC9E5	RGB 188 201 229	#BCC9E5
83.3%	83.3% #C3D0E4	RGB 195 208 228	#C3D0E4
100.0%	100.0% #CBD7E4	RGB 203 215 228	#CBD7E4

#A0ADE8 #A7B4E7 #AEBBE6 #B5C2E6 #BCC9E5 #C3D0E4 #CBD7E4

#A0ADE8 - #CBD7E4

HSV Blend

#A0ADE8 - #CBD7E4 | 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 #A0ADE8 as 0% and #CBD7E4 as 100%.

0.0%	0.0% #A0ADE8	RGB 160 173 232	#A0ADE8
16.7%	16.7% #A7B6E7	RGB 167 182 231	#A7B6E7
33.3%	33.3% #AEBEE6	RGB 174 190 230	#AEBEE6
50.0%	50.0% #B5C5E6	RGB 181 197 230	#B5C5E6
66.7%	66.7% #BCCCE5	RGB 188 204 229	#BCCCE5
83.3%	83.3% #C3D2E4	RGB 195 210 228	#C3D2E4
100.0%	100.0% #CBD7E4	RGB 203 215 228	#CBD7E4

#A0ADE8 #A7B6E7 #AEBEE6 #B5C5E6 #BCCCE5 #C3D2E4 #CBD7E4

#A0ADE8 - #B5C5E6 - #CBD7E4

CSS codes

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

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