#96A2D4 - #CDD2D7 | 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 #96A2D4 to #CDD2D7

#96A2D4 #CDD2D7

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

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

0.0%	0.0% #96A2D4	RGB 150 162 212	#96A2D4
16.7%	16.7% #9FAAD4	RGB 159 170 212	#9FAAD4
33.3%	33.3% #A8B2D5	RGB 168 178 213	#A8B2D5
50.0%	50.0% #B1BAD5	RGB 177 186 213	#B1BAD5
66.7%	66.7% #BAC2D6	RGB 186 194 214	#BAC2D6
83.3%	83.3% #C3CAD6	RGB 195 202 214	#C3CAD6
100.0%	100.0% #CDD2D7	RGB 205 210 215	#CDD2D7

#96A2D4 #9FAAD4 #A8B2D5 #B1BAD5 #BAC2D6 #C3CAD6 #CDD2D7

#96A2D4 - #CDD2D7

HSV Blend

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

0.0%	0.0% #96A2D4	RGB 150 162 212	#96A2D4
16.7%	16.7% #9FACD4	RGB 159 172 212	#9FACD4
33.3%	33.3% #A8B5D5	RGB 168 181 213	#A8B5D5
50.0%	50.0% #B1BDD5	RGB 177 189 213	#B1BDD5
66.7%	66.7% #BAC5D6	RGB 186 197 214	#BAC5D6
83.3%	83.3% #C3CCD6	RGB 195 204 214	#C3CCD6
100.0%	100.0% #CDD2D7	RGB 205 210 215	#CDD2D7

#96A2D4 #9FACD4 #A8B5D5 #B1BDD5 #BAC5D6 #C3CCD6 #CDD2D7

#96A2D4 - #B1BDD5 - #CDD2D7

CSS codes

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

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