#96ADE7 - #CBD7E3 | 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 #96ADE7 to #CBD7E3

#96ADE7 #CBD7E3

Calculate the color between two colors, #96ADE7 and #CBD7E3. 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)

#96ADE7 - #CBD7E3 | 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 #96ADE7 as 0% and #CBD7E3 as 100%.

0.0%	0.0% #96ADE7	RGB 150 173 231	#96ADE7
16.7%	16.7% #9EB4E6	RGB 158 180 230	#9EB4E6
33.3%	33.3% #A7BBE5	RGB 167 187 229	#A7BBE5
50.0%	50.0% #B0C2E5	RGB 176 194 229	#B0C2E5
66.7%	66.7% #B9C9E4	RGB 185 201 228	#B9C9E4
83.3%	83.3% #C2D0E3	RGB 194 208 227	#C2D0E3
100.0%	100.0% #CBD7E3	RGB 203 215 227	#CBD7E3

#96ADE7 #9EB4E6 #A7BBE5 #B0C2E5 #B9C9E4 #C2D0E3 #CBD7E3

#96ADE7 - #CBD7E3

HSV Blend

#96ADE7 - #CBD7E3 | 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 #96ADE7 as 0% and #CBD7E3 as 100%.

0.0%	0.0% #96ADE7	RGB 150 173 231	#96ADE7
16.7%	16.7% #9EB5E6	RGB 158 181 230	#9EB5E6
33.3%	33.3% #A7BDE5	RGB 167 189 229	#A7BDE5
50.0%	50.0% #B0C5E5	RGB 176 197 229	#B0C5E5
66.7%	66.7% #B9CBE4	RGB 185 203 228	#B9CBE4
83.3%	83.3% #C2D1E3	RGB 194 209 227	#C2D1E3
100.0%	100.0% #CBD7E3	RGB 203 215 227	#CBD7E3

#96ADE7 #9EB5E6 #A7BDE5 #B0C5E5 #B9CBE4 #C2D1E3 #CBD7E3

#96ADE7 - #B0C5E5 - #CBD7E3

CSS codes

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

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