#D4D1DF - #C7D4E7 | 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 #D4D1DF to #C7D4E7

#D4D1DF #C7D4E7

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

#D4D1DF - #C7D4E7 | 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 #D4D1DF as 0% and #C7D4E7 as 100%.

0.0%	0.0% #D4D1DF	RGB 212 209 223	#D4D1DF
16.7%	16.7% #D1D1E0	RGB 209 209 224	#D1D1E0
33.3%	33.3% #CFD2E1	RGB 207 210 225	#CFD2E1
50.0%	50.0% #CDD2E3	RGB 205 210 227	#CDD2E3
66.7%	66.7% #CBD3E4	RGB 203 211 228	#CBD3E4
83.3%	83.3% #C9D3E5	RGB 201 211 229	#C9D3E5
100.0%	100.0% #C7D4E7	RGB 199 212 231	#C7D4E7

#D4D1DF #D1D1E0 #CFD2E1 #CDD2E3 #CBD3E4 #C9D3E5 #C7D4E7

#D4D1DF - #C7D4E7

HSV Blend

#D4D1DF - #C7D4E7 | 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 #D4D1DF as 0% and #C7D4E7 as 100%.

0.0%	0.0% #D4D1DF	RGB 212 209 223	#D4D1DF
16.7%	16.7% #D1CFE0	RGB 209 207 224	#D1CFE0
33.3%	33.3% #CDCDE1	RGB 205 205 225	#CDCDE1
50.0%	50.0% #CCCEE3	RGB 204 206 227	#CCCEE3
66.7%	66.7% #CACFE4	RGB 202 207 228	#CACFE4
83.3%	83.3% #C8D1E5	RGB 200 209 229	#C8D1E5
100.0%	100.0% #C7D4E7	RGB 199 212 231	#C7D4E7

#D4D1DF #D1CFE0 #CDCDE1 #CCCEE3 #CACFE4 #C8D1E5 #C7D4E7

#D4D1DF - #CCCEE3 - #C7D4E7

CSS codes

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

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