#D4DCE7 - #84A8CA | 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 #D4DCE7 to #84A8CA

#D4DCE7 #84A8CA

Calculate the color between two colors, #D4DCE7 and #84A8CA. 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)

#D4DCE7 - #84A8CA | 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 #D4DCE7 as 0% and #84A8CA as 100%.

0.0%	0.0% #D4DCE7	RGB 212 220 231	#D4DCE7
16.7%	16.7% #C6D3E2	RGB 198 211 226	#C6D3E2
33.3%	33.3% #B9CADD	RGB 185 202 221	#B9CADD
50.0%	50.0% #ACC2D8	RGB 172 194 216	#ACC2D8
66.7%	66.7% #9EB9D3	RGB 158 185 211	#9EB9D3
83.3%	83.3% #91B0CE	RGB 145 176 206	#91B0CE
100.0%	100.0% #84A8CA	RGB 132 168 202	#84A8CA

#D4DCE7 #C6D3E2 #B9CADD #ACC2D8 #9EB9D3 #91B0CE #84A8CA

#D4DCE7 - #84A8CA

HSV Blend

#D4DCE7 - #84A8CA | 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 #D4DCE7 as 0% and #84A8CA as 100%.

0.0%	0.0% #D4DCE7	RGB 212 220 231	#D4DCE7
16.7%	16.7% #C5D2E2	RGB 197 210 226	#C5D2E2
33.3%	33.3% #B7C8DD	RGB 183 200 221	#B7C8DD
50.0%	50.0% #AABFD8	RGB 170 191 216	#AABFD8
66.7%	66.7% #9CB7D3	RGB 156 183 211	#9CB7D3
83.3%	83.3% #90AFCE	RGB 144 175 206	#90AFCE
100.0%	100.0% #84A8CA	RGB 132 168 202	#84A8CA

#D4DCE7 #C5D2E2 #B7C8DD #AABFD8 #9CB7D3 #90AFCE #84A8CA

#D4DCE7 - #AABFD8 - #84A8CA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4DCE7 0%, #AABFD8 50%, #84A8CA 100%);
    background: -webkit-linear-gradient(top, #D4DCE7 0%, #AABFD8 50%, #84A8CA 100%);
    background: linear-gradient(to bottom, #D4DCE7 0%, #AABFD8 50%, #84A8CA 100%);
}
</style>