#CAD2D5 - #7A8498 | 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 #CAD2D5 to #7A8498

#CAD2D5 #7A8498

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

#CAD2D5 - #7A8498 | 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 #CAD2D5 as 0% and #7A8498 as 100%.

0.0%	0.0% #CAD2D5	RGB 202 210 213	#CAD2D5
16.7%	16.7% #BCC5CA	RGB 188 197 202	#BCC5CA
33.3%	33.3% #AFB8C0	RGB 175 184 192	#AFB8C0
50.0%	50.0% #A2ABB6	RGB 162 171 182	#A2ABB6
66.7%	66.7% #949EAC	RGB 148 158 172	#949EAC
83.3%	83.3% #8791A2	RGB 135 145 162	#8791A2
100.0%	100.0% #7A8498	RGB 122 132 152	#7A8498

#CAD2D5 #BCC5CA #AFB8C0 #A2ABB6 #949EAC #8791A2 #7A8498

#CAD2D5 - #7A8498

HSV Blend

#CAD2D5 - #7A8498 | 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 #CAD2D5 as 0% and #7A8498 as 100%.

0.0%	0.0% #CAD2D5	RGB 202 210 213	#CAD2D5
16.7%	16.7% #BBC5CA	RGB 187 197 202	#BBC5CA
33.3%	33.3% #ADB8C0	RGB 173 184 192	#ADB8C0
50.0%	50.0% #9FABB6	RGB 159 171 182	#9FABB6
66.7%	66.7% #929EAC	RGB 146 158 172	#929EAC
83.3%	83.3% #8691A2	RGB 134 145 162	#8691A2
100.0%	100.0% #7A8498	RGB 122 132 152	#7A8498

#CAD2D5 #BBC5CA #ADB8C0 #9FABB6 #929EAC #8691A2 #7A8498

#CAD2D5 - #9FABB6 - #7A8498

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD2D5 0%, #9FABB6 50%, #7A8498 100%);
    background: -webkit-linear-gradient(top, #CAD2D5 0%, #9FABB6 50%, #7A8498 100%);
    background: linear-gradient(to bottom, #CAD2D5 0%, #9FABB6 50%, #7A8498 100%);
}
</style>