#CAD2D7 - #77859A | 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 #CAD2D7 to #77859A

#CAD2D7 #77859A

Calculate the color between two colors, #CAD2D7 and #77859A. 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)

#CAD2D7 - #77859A | 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 #CAD2D7 as 0% and #77859A as 100%.

0.0%	0.0% #CAD2D7	RGB 202 210 215	#CAD2D7
16.7%	16.7% #BCC5CC	RGB 188 197 204	#BCC5CC
33.3%	33.3% #AEB8C2	RGB 174 184 194	#AEB8C2
50.0%	50.0% #A0ABB8	RGB 160 171 184	#A0ABB8
66.7%	66.7% #929EAE	RGB 146 158 174	#929EAE
83.3%	83.3% #8491A4	RGB 132 145 164	#8491A4
100.0%	100.0% #77859A	RGB 119 133 154	#77859A

#CAD2D7 #BCC5CC #AEB8C2 #A0ABB8 #929EAE #8491A4 #77859A

#CAD2D7 - #77859A

HSV Blend

#CAD2D7 - #77859A | 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 #CAD2D7 as 0% and #77859A as 100%.

0.0%	0.0% #CAD2D7	RGB 202 210 215	#CAD2D7
16.7%	16.7% #BAC5CC	RGB 186 197 204	#BAC5CC
33.3%	33.3% #ACB8C2	RGB 172 184 194	#ACB8C2
50.0%	50.0% #9DABB8	RGB 157 171 184	#9DABB8
66.7%	66.7% #909EAE	RGB 144 158 174	#909EAE
83.3%	83.3% #8391A4	RGB 131 145 164	#8391A4
100.0%	100.0% #77859A	RGB 119 133 154	#77859A

#CAD2D7 #BAC5CC #ACB8C2 #9DABB8 #909EAE #8391A4 #77859A

#CAD2D7 - #9DABB8 - #77859A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD2D7 0%, #9DABB8 50%, #77859A 100%);
    background: -webkit-linear-gradient(top, #CAD2D7 0%, #9DABB8 50%, #77859A 100%);
    background: linear-gradient(to bottom, #CAD2D7 0%, #9DABB8 50%, #77859A 100%);
}
</style>