#CDD4D5 - #818498 | 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 #CDD4D5 to #818498

#CDD4D5 #818498

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

#CDD4D5 - #818498 | 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 #CDD4D5 as 0% and #818498 as 100%.

0.0%	0.0% #CDD4D5	RGB 205 212 213	#CDD4D5
16.7%	16.7% #C0C6CA	RGB 192 198 202	#C0C6CA
33.3%	33.3% #B3B9C0	RGB 179 185 192	#B3B9C0
50.0%	50.0% #A7ACB6	RGB 167 172 182	#A7ACB6
66.7%	66.7% #9A9EAC	RGB 154 158 172	#9A9EAC
83.3%	83.3% #8D91A2	RGB 141 145 162	#8D91A2
100.0%	100.0% #818498	RGB 129 132 152	#818498

#CDD4D5 #C0C6CA #B3B9C0 #A7ACB6 #9A9EAC #8D91A2 #818498

#CDD4D5 - #818498

HSV Blend

#CDD4D5 - #818498 | 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 #CDD4D5 as 0% and #818498 as 100%.

0.0%	0.0% #CDD4D5	RGB 205 212 213	#CDD4D5
16.7%	16.7% #BFC7CA	RGB 191 199 202	#BFC7CA
33.3%	33.3% #B2BBC0	RGB 178 187 192	#B2BBC0
50.0%	50.0% #A5ADB6	RGB 165 173 182	#A5ADB6
66.7%	66.7% #98A0AC	RGB 152 160 172	#98A0AC
83.3%	83.3% #8C92A2	RGB 140 146 162	#8C92A2
100.0%	100.0% #818498	RGB 129 132 152	#818498

#CDD4D5 #BFC7CA #B2BBC0 #A5ADB6 #98A0AC #8C92A2 #818498

#CDD4D5 - #A5ADB6 - #818498

CSS codes

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

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