#D7D5E8 - #FFDCDC | 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 #D7D5E8 to #FFDCDC

#D7D5E8 #FFDCDC

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

#D7D5E8 - #FFDCDC | 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 #D7D5E8 as 0% and #FFDCDC as 100%.

0.0%	0.0% #D7D5E8	RGB 215 213 232	#D7D5E8
16.7%	16.7% #DDD6E6	RGB 221 214 230	#DDD6E6
33.3%	33.3% #E4D7E4	RGB 228 215 228	#E4D7E4
50.0%	50.0% #EBD8E2	RGB 235 216 226	#EBD8E2
66.7%	66.7% #F1D9E0	RGB 241 217 224	#F1D9E0
83.3%	83.3% #F8DADE	RGB 248 218 222	#F8DADE
100.0%	100.0% #FFDCDC	RGB 255 220 220	#FFDCDC

#D7D5E8 #DDD6E6 #E4D7E4 #EBD8E2 #F1D9E0 #F8DADE #FFDCDC

#D7D5E8 - #FFDCDC

HSV Blend

#D7D5E8 - #FFDCDC | 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 #D7D5E8 as 0% and #FFDCDC as 100%.

0.0%	0.0% #D7D5E8	RGB 215 213 232	#D7D5E8
16.7%	16.7% #DFD6EB	RGB 223 214 235	#DFD6EB
33.3%	33.3% #E9D7EF	RGB 233 215 239	#E9D7EF
50.0%	50.0% #F3D8F2	RGB 243 216 242	#F3D8F2
66.7%	66.7% #F7D9EC	RGB 247 217 236	#F7D9EC
83.3%	83.3% #FBDBE5	RGB 251 219 229	#FBDBE5
100.0%	100.0% #FFDCDC	RGB 255 220 220	#FFDCDC

#D7D5E8 #DFD6EB #E9D7EF #F3D8F2 #F7D9EC #FBDBE5 #FFDCDC

#D7D5E8 - #F3D8F2 - #FFDCDC

CSS codes

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

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