#FFC7FC - #DCD5E5 | 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 #FFC7FC to #DCD5E5

#FFC7FC #DCD5E5

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

#FFC7FC - #DCD5E5 | 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 #FFC7FC as 0% and #DCD5E5 as 100%.

0.0%	0.0% #FFC7FC	RGB 255 199 252	#FFC7FC
16.7%	16.7% #F9C9F8	RGB 249 201 248	#F9C9F8
33.3%	33.3% #F3CBF4	RGB 243 203 244	#F3CBF4
50.0%	50.0% #EDCEF0	RGB 237 206 240	#EDCEF0
66.7%	66.7% #E7D0EC	RGB 231 208 236	#E7D0EC
83.3%	83.3% #E1D2E8	RGB 225 210 232	#E1D2E8
100.0%	100.0% #DCD5E5	RGB 220 213 229	#DCD5E5

#FFC7FC #F9C9F8 #F3CBF4 #EDCEF0 #E7D0EC #E1D2E8 #DCD5E5

#FFC7FC - #DCD5E5

HSV Blend

#FFC7FC - #DCD5E5 | 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 #FFC7FC as 0% and #DCD5E5 as 100%.

0.0%	0.0% #FFC7FC	RGB 255 199 252	#FFC7FC
16.7%	16.7% #F8C9FA	RGB 248 201 250	#F8C9FA
33.3%	33.3% #EFCCF6	RGB 239 204 246	#EFCCF6
50.0%	50.0% #E9CEF2	RGB 233 206 242	#E9CEF2
66.7%	66.7% #E3D1ED	RGB 227 209 237	#E3D1ED
83.3%	83.3% #DFD3E9	RGB 223 211 233	#DFD3E9
100.0%	100.0% #DCD5E5	RGB 220 213 229	#DCD5E5

#FFC7FC #F8C9FA #EFCCF6 #E9CEF2 #E3D1ED #DFD3E9 #DCD5E5

#FFC7FC - #E9CEF2 - #DCD5E5

CSS codes

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

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