#D4D1DF - #FCEBFF | 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 #FCEBFF

#D4D1DF #FCEBFF

Calculate the color between two colors, #D4D1DF and #FCEBFF. 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 - #FCEBFF | 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 #FCEBFF as 100%.

0.0%	0.0% #D4D1DF	RGB 212 209 223	#D4D1DF
16.7%	16.7% #DAD5E4	RGB 218 213 228	#DAD5E4
33.3%	33.3% #E1D9E9	RGB 225 217 233	#E1D9E9
50.0%	50.0% #E8DEEF	RGB 232 222 239	#E8DEEF
66.7%	66.7% #EEE2F4	RGB 238 226 244	#EEE2F4
83.3%	83.3% #F5E6F9	RGB 245 230 249	#F5E6F9
100.0%	100.0% #FCEBFF	RGB 252 235 255	#FCEBFF

#D4D1DF #DAD5E4 #E1D9E9 #E8DEEF #EEE2F4 #F5E6F9 #FCEBFF

#D4D1DF - #FCEBFF

HSV Blend

#D4D1DF - #FCEBFF | 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 #FCEBFF as 100%.

0.0%	0.0% #D4D1DF	RGB 212 209 223	#D4D1DF
16.7%	16.7% #DAD5E4	RGB 218 213 228	#DAD5E4
33.3%	33.3% #E0D9E9	RGB 224 217 233	#E0D9E9
50.0%	50.0% #E7DEEF	RGB 231 222 239	#E7DEEF
66.7%	66.7% #EDE2F4	RGB 237 226 244	#EDE2F4
83.3%	83.3% #F4E6F9	RGB 244 230 249	#F4E6F9
100.0%	100.0% #FCEBFF	RGB 252 235 255	#FCEBFF

#D4D1DF #DAD5E4 #E0D9E9 #E7DEEF #EDE2F4 #F4E6F9 #FCEBFF

#D4D1DF - #E7DEEF - #FCEBFF

CSS codes

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

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