#F8CDF9 - #DCD2E7 | 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 #F8CDF9 to #DCD2E7

#F8CDF9 #DCD2E7

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

#F8CDF9 - #DCD2E7 | 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 #F8CDF9 as 0% and #DCD2E7 as 100%.

0.0%	0.0% #F8CDF9	RGB 248 205 249	#F8CDF9
16.7%	16.7% #F3CDF6	RGB 243 205 246	#F3CDF6
33.3%	33.3% #EECEF3	RGB 238 206 243	#EECEF3
50.0%	50.0% #EACFF0	RGB 234 207 240	#EACFF0
66.7%	66.7% #E5D0ED	RGB 229 208 237	#E5D0ED
83.3%	83.3% #E0D1EA	RGB 224 209 234	#E0D1EA
100.0%	100.0% #DCD2E7	RGB 220 210 231	#DCD2E7

#F8CDF9 #F3CDF6 #EECEF3 #EACFF0 #E5D0ED #E0D1EA #DCD2E7

#F8CDF9 - #DCD2E7

HSV Blend

#F8CDF9 - #DCD2E7 | 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 #F8CDF9 as 0% and #DCD2E7 as 100%.

0.0%	0.0% #F8CDF9	RGB 248 205 249	#F8CDF9
16.7%	16.7% #F1CEF6	RGB 241 206 246	#F1CEF6
33.3%	33.3% #ECCFF3	RGB 236 207 243	#ECCFF3
50.0%	50.0% #E7CFF0	RGB 231 207 240	#E7CFF0
66.7%	66.7% #E2D0ED	RGB 226 208 237	#E2D0ED
83.3%	83.3% #DFD1EA	RGB 223 209 234	#DFD1EA
100.0%	100.0% #DCD2E7	RGB 220 210 231	#DCD2E7

#F8CDF9 #F1CEF6 #ECCFF3 #E7CFF0 #E2D0ED #DFD1EA #DCD2E7

#F8CDF9 - #E7CFF0 - #DCD2E7

CSS codes

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

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