#D0D0D6 - #718B98 | 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 #D0D0D6 to #718B98

#D0D0D6 #718B98

Calculate the color between two colors, #D0D0D6 and #718B98. 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)

#D0D0D6 - #718B98 | 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 #D0D0D6 as 0% and #718B98 as 100%.

0.0%	0.0% #D0D0D6	RGB 208 208 214	#D0D0D6
16.7%	16.7% #C0C4CB	RGB 192 196 203	#C0C4CB
33.3%	33.3% #B0B9C1	RGB 176 185 193	#B0B9C1
50.0%	50.0% #A0ADB7	RGB 160 173 183	#A0ADB7
66.7%	66.7% #90A2AC	RGB 144 162 172	#90A2AC
83.3%	83.3% #8096A2	RGB 128 150 162	#8096A2
100.0%	100.0% #718B98	RGB 113 139 152	#718B98

#D0D0D6 #C0C4CB #B0B9C1 #A0ADB7 #90A2AC #8096A2 #718B98

#D0D0D6 - #718B98

HSV Blend

#D0D0D6 - #718B98 | 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 #D0D0D6 as 0% and #718B98 as 100%.

0.0%	0.0% #D0D0D6	RGB 208 208 214	#D0D0D6
16.7%	16.7% #BEBFCB	RGB 190 191 203	#BEBFCB
33.3%	33.3% #ADB1C1	RGB 173 177 193	#ADB1C1
50.0%	50.0% #9CA5B7	RGB 156 165 183	#9CA5B7
66.7%	66.7% #8D9BAC	RGB 141 155 172	#8D9BAC
83.3%	83.3% #7E92A2	RGB 126 146 162	#7E92A2
100.0%	100.0% #718B98	RGB 113 139 152	#718B98

#D0D0D6 #BEBFCB #ADB1C1 #9CA5B7 #8D9BAC #7E92A2 #718B98

#D0D0D6 - #9CA5B7 - #718B98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0D0D6 0%, #9CA5B7 50%, #718B98 100%);
    background: -webkit-linear-gradient(top, #D0D0D6 0%, #9CA5B7 50%, #718B98 100%);
    background: linear-gradient(to bottom, #D0D0D6 0%, #9CA5B7 50%, #718B98 100%);
}
</style>