#D4DAE5 - #7C92AD | 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 #D4DAE5 to #7C92AD

#D4DAE5 #7C92AD

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

#D4DAE5 - #7C92AD | 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 #D4DAE5 as 0% and #7C92AD as 100%.

0.0%	0.0% #D4DAE5	RGB 212 218 229	#D4DAE5
16.7%	16.7% #C5CEDB	RGB 197 206 219	#C5CEDB
33.3%	33.3% #B6C2D2	RGB 182 194 210	#B6C2D2
50.0%	50.0% #A8B6C9	RGB 168 182 201	#A8B6C9
66.7%	66.7% #99AABF	RGB 153 170 191	#99AABF
83.3%	83.3% #8A9EB6	RGB 138 158 182	#8A9EB6
100.0%	100.0% #7C92AD	RGB 124 146 173	#7C92AD

#D4DAE5 #C5CEDB #B6C2D2 #A8B6C9 #99AABF #8A9EB6 #7C92AD

#D4DAE5 - #7C92AD

HSV Blend

#D4DAE5 - #7C92AD | 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 #D4DAE5 as 0% and #7C92AD as 100%.

0.0%	0.0% #D4DAE5	RGB 212 218 229	#D4DAE5
16.7%	16.7% #C3CCDB	RGB 195 204 219	#C3CCDB
33.3%	33.3% #B4BFD2	RGB 180 191 210	#B4BFD2
50.0%	50.0% #A5B3C9	RGB 165 179 201	#A5B3C9
66.7%	66.7% #96A7BF	RGB 150 167 191	#96A7BF
83.3%	83.3% #899CB6	RGB 137 156 182	#899CB6
100.0%	100.0% #7C92AD	RGB 124 146 173	#7C92AD

#D4DAE5 #C3CCDB #B4BFD2 #A5B3C9 #96A7BF #899CB6 #7C92AD

#D4DAE5 - #A5B3C9 - #7C92AD

CSS codes

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

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