#D4DCE4 - #7F93AC | 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 #D4DCE4 to #7F93AC

#D4DCE4 #7F93AC

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

#D4DCE4 - #7F93AC | 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 #D4DCE4 as 0% and #7F93AC as 100%.

0.0%	0.0% #D4DCE4	RGB 212 220 228	#D4DCE4
16.7%	16.7% #C5CFDA	RGB 197 207 218	#C5CFDA
33.3%	33.3% #B7C3D1	RGB 183 195 209	#B7C3D1
50.0%	50.0% #A9B7C8	RGB 169 183 200	#A9B7C8
66.7%	66.7% #9BABBE	RGB 155 171 190	#9BABBE
83.3%	83.3% #8D9FB5	RGB 141 159 181	#8D9FB5
100.0%	100.0% #7F93AC	RGB 127 147 172	#7F93AC

#D4DCE4 #C5CFDA #B7C3D1 #A9B7C8 #9BABBE #8D9FB5 #7F93AC

#D4DCE4 - #7F93AC

HSV Blend

#D4DCE4 - #7F93AC | 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 #D4DCE4 as 0% and #7F93AC as 100%.

0.0%	0.0% #D4DCE4	RGB 212 220 228	#D4DCE4
16.7%	16.7% #C4CFDA	RGB 196 207 218	#C4CFDA
33.3%	33.3% #B5C2D1	RGB 181 194 209	#B5C2D1
50.0%	50.0% #A6B6C8	RGB 166 182 200	#A6B6C8
66.7%	66.7% #98AABE	RGB 152 170 190	#98AABE
83.3%	83.3% #8B9EB5	RGB 139 158 181	#8B9EB5
100.0%	100.0% #7F93AC	RGB 127 147 172	#7F93AC

#D4DCE4 #C4CFDA #B5C2D1 #A6B6C8 #98AABE #8B9EB5 #7F93AC

#D4DCE4 - #A6B6C8 - #7F93AC

CSS codes

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

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