#72A8C0 - #D9D7CC | 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 #72A8C0 to #D9D7CC

#72A8C0 #D9D7CC

Calculate the color between two colors, #72A8C0 and #D9D7CC. 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)

#72A8C0 - #D9D7CC | 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 #72A8C0 as 0% and #D9D7CC as 100%.

0.0%	0.0% #72A8C0	RGB 114 168 192	#72A8C0
16.7%	16.7% #83AFC2	RGB 131 175 194	#83AFC2
33.3%	33.3% #94B7C4	RGB 148 183 196	#94B7C4
50.0%	50.0% #A5BFC6	RGB 165 191 198	#A5BFC6
66.7%	66.7% #B6C7C8	RGB 182 199 200	#B6C7C8
83.3%	83.3% #C7CFCA	RGB 199 207 202	#C7CFCA
100.0%	100.0% #D9D7CC	RGB 217 215 204	#D9D7CC

#72A8C0 #83AFC2 #94B7C4 #A5BFC6 #B6C7C8 #C7CFCA #D9D7CC

#72A8C0 - #D9D7CC

HSV Blend

#72A8C0 - #D9D7CC | 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 #72A8C0 as 0% and #D9D7CC as 100%.

0.0%	0.0% #72A8C0	RGB 114 168 192	#72A8C0
16.7%	16.7% #7FC4BD	RGB 127 196 189	#7FC4BD
33.3%	33.3% #8EC8AA	RGB 142 200 170	#8EC8AA
50.0%	50.0% #9CCCA0	RGB 156 204 160	#9CCCA0
66.7%	66.7% #B8D0AC	RGB 184 208 172	#B8D0AC
83.3%	83.3% #CED4BB	RGB 206 212 187	#CED4BB
100.0%	100.0% #D9D7CC	RGB 217 215 204	#D9D7CC

#72A8C0 #7FC4BD #8EC8AA #9CCCA0 #B8D0AC #CED4BB #D9D7CC

#72A8C0 - #9CCCA0 - #D9D7CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72A8C0 0%, #9CCCA0 50%, #D9D7CC 100%);
    background: -webkit-linear-gradient(top, #72A8C0 0%, #9CCCA0 50%, #D9D7CC 100%);
    background: linear-gradient(to bottom, #72A8C0 0%, #9CCCA0 50%, #D9D7CC 100%);
}
</style>