#CAD2D8 - #76869C | 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 #CAD2D8 to #76869C

#CAD2D8 #76869C

Calculate the color between two colors, #CAD2D8 and #76869C. 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)

#CAD2D8 - #76869C | 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 #CAD2D8 as 0% and #76869C as 100%.

0.0%	0.0% #CAD2D8	RGB 202 210 216	#CAD2D8
16.7%	16.7% #BCC5CE	RGB 188 197 206	#BCC5CE
33.3%	33.3% #AEB8C4	RGB 174 184 196	#AEB8C4
50.0%	50.0% #A0ACBA	RGB 160 172 186	#A0ACBA
66.7%	66.7% #929FB0	RGB 146 159 176	#929FB0
83.3%	83.3% #8492A6	RGB 132 146 166	#8492A6
100.0%	100.0% #76869C	RGB 118 134 156	#76869C

#CAD2D8 #BCC5CE #AEB8C4 #A0ACBA #929FB0 #8492A6 #76869C

#CAD2D8 - #76869C

HSV Blend

#CAD2D8 - #76869C | 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 #CAD2D8 as 0% and #76869C as 100%.

0.0%	0.0% #CAD2D8	RGB 202 210 216	#CAD2D8
16.7%	16.7% #BAC5CE	RGB 186 197 206	#BAC5CE
33.3%	33.3% #ABB8C4	RGB 171 184 196	#ABB8C4
50.0%	50.0% #9DABBA	RGB 157 171 186	#9DABBA
66.7%	66.7% #8F9EB0	RGB 143 158 176	#8F9EB0
83.3%	83.3% #8292A6	RGB 130 146 166	#8292A6
100.0%	100.0% #76869C	RGB 118 134 156	#76869C

#CAD2D8 #BAC5CE #ABB8C4 #9DABBA #8F9EB0 #8292A6 #76869C

#CAD2D8 - #9DABBA - #76869C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD2D8 0%, #9DABBA 50%, #76869C 100%);
    background: -webkit-linear-gradient(top, #CAD2D8 0%, #9DABBA 50%, #76869C 100%);
    background: linear-gradient(to bottom, #CAD2D8 0%, #9DABBA 50%, #76869C 100%);
}
</style>