#D1D7DF - #C7E7E4 | 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 #D1D7DF to #C7E7E4

#D1D7DF #C7E7E4

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

#D1D7DF - #C7E7E4 | 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 #D1D7DF as 0% and #C7E7E4 as 100%.

0.0%	0.0% #D1D7DF	RGB 209 215 223	#D1D7DF
16.7%	16.7% #CFD9DF	RGB 207 217 223	#CFD9DF
33.3%	33.3% #CDDCE0	RGB 205 220 224	#CDDCE0
50.0%	50.0% #CCDFE1	RGB 204 223 225	#CCDFE1
66.7%	66.7% #CAE1E2	RGB 202 225 226	#CAE1E2
83.3%	83.3% #C8E4E3	RGB 200 228 227	#C8E4E3
100.0%	100.0% #C7E7E4	RGB 199 231 228	#C7E7E4

#D1D7DF #CFD9DF #CDDCE0 #CCDFE1 #CAE1E2 #C8E4E3 #C7E7E4

#D1D7DF - #C7E7E4

HSV Blend

#D1D7DF - #C7E7E4 | 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 #D1D7DF as 0% and #C7E7E4 as 100%.

0.0%	0.0% #D1D7DF	RGB 209 215 223	#D1D7DF
16.7%	16.7% #CFD8E0	RGB 207 216 224	#CFD8E0
33.3%	33.3% #CDDAE1	RGB 205 218 225	#CDDAE1
50.0%	50.0% #CCDDE3	RGB 204 221 227	#CCDDE3
66.7%	66.7% #CAE1E4	RGB 202 225 228	#CAE1E4
83.3%	83.3% #C8E5E5	RGB 200 229 229	#C8E5E5
100.0%	100.0% #C7E7E4	RGB 199 231 228	#C7E7E4

#D1D7DF #CFD8E0 #CDDAE1 #CCDDE3 #CAE1E4 #C8E5E5 #C7E7E4

#D1D7DF - #CCDDE3 - #C7E7E4

CSS codes

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

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