#D4D9E7 - #7A91B0 | 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 #D4D9E7 to #7A91B0

#D4D9E7 #7A91B0

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

#D4D9E7 - #7A91B0 | 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 #D4D9E7 as 0% and #7A91B0 as 100%.

0.0%	0.0% #D4D9E7	RGB 212 217 231	#D4D9E7
16.7%	16.7% #C5CDDD	RGB 197 205 221	#C5CDDD
33.3%	33.3% #B6C1D4	RGB 182 193 212	#B6C1D4
50.0%	50.0% #A7B5CB	RGB 167 181 203	#A7B5CB
66.7%	66.7% #98A9C2	RGB 152 169 194	#98A9C2
83.3%	83.3% #899DB9	RGB 137 157 185	#899DB9
100.0%	100.0% #7A91B0	RGB 122 145 176	#7A91B0

#D4D9E7 #C5CDDD #B6C1D4 #A7B5CB #98A9C2 #899DB9 #7A91B0

#D4D9E7 - #7A91B0

HSV Blend

#D4D9E7 - #7A91B0 | 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 #D4D9E7 as 0% and #7A91B0 as 100%.

0.0%	0.0% #D4D9E7	RGB 212 217 231	#D4D9E7
16.7%	16.7% #C3CADD	RGB 195 202 221	#C3CADD
33.3%	33.3% #B3BDD4	RGB 179 189 212	#B3BDD4
50.0%	50.0% #A3B1CB	RGB 163 177 203	#A3B1CB
66.7%	66.7% #95A6C2	RGB 149 166 194	#95A6C2
83.3%	83.3% #879BB9	RGB 135 155 185	#879BB9
100.0%	100.0% #7A91B0	RGB 122 145 176	#7A91B0

#D4D9E7 #C3CADD #B3BDD4 #A3B1CB #95A6C2 #879BB9 #7A91B0

#D4D9E7 - #A3B1CB - #7A91B0

CSS codes

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

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