#7E97A8 - #D9CDBC | 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 #7E97A8 to #D9CDBC

#7E97A8 #D9CDBC

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

#7E97A8 - #D9CDBC | 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 #7E97A8 as 0% and #D9CDBC as 100%.

0.0%	0.0% #7E97A8	RGB 126 151 168	#7E97A8
16.7%	16.7% #8DA0AB	RGB 141 160 171	#8DA0AB
33.3%	33.3% #9CA9AE	RGB 156 169 174	#9CA9AE
50.0%	50.0% #ABB2B2	RGB 171 178 178	#ABB2B2
66.7%	66.7% #BABBB5	RGB 186 187 181	#BABBB5
83.3%	83.3% #C9C4B8	RGB 201 196 184	#C9C4B8
100.0%	100.0% #D9CDBC	RGB 217 205 188	#D9CDBC

#7E97A8 #8DA0AB #9CA9AE #ABB2B2 #BABBB5 #C9C4B8 #D9CDBC

#7E97A8 - #D9CDBC

HSV Blend

#7E97A8 - #D9CDBC | 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 #7E97A8 as 0% and #D9CDBC as 100%.

0.0%	0.0% #7E97A8	RGB 126 151 168	#7E97A8
16.7%	16.7% #87B0AD	RGB 135 176 173	#87B0AD
33.3%	33.3% #91B8A3	RGB 145 184 163	#91B8A3
50.0%	50.0% #9BC09B	RGB 155 192 155	#9BC09B
66.7%	66.7% #B6C8A6	RGB 182 200 166	#B6C8A6
83.3%	83.3% #CFD0B0	RGB 207 208 176	#CFD0B0
100.0%	100.0% #D9CDBC	RGB 217 205 188	#D9CDBC

#7E97A8 #87B0AD #91B8A3 #9BC09B #B6C8A6 #CFD0B0 #D9CDBC

#7E97A8 - #9BC09B - #D9CDBC

CSS codes

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

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