#F1ECFF - #444348 | 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 #F1ECFF to #444348

#F1ECFF #444348

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

#F1ECFF - #444348 | 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 #F1ECFF as 0% and #444348 as 100%.

0.0%	0.0% #F1ECFF	RGB 241 236 255	#F1ECFF
16.7%	16.7% #D4CFE0	RGB 212 207 224	#D4CFE0
33.3%	33.3% #B7B3C2	RGB 183 179 194	#B7B3C2
50.0%	50.0% #9A97A3	RGB 154 151 163	#9A97A3
66.7%	66.7% #7D7B84	RGB 125 123 132	#7D7B84
83.3%	83.3% #605F66	RGB 96 95 102	#605F66
100.0%	100.0% #444348	RGB 68 67 72	#444348

#F1ECFF #D4CFE0 #B7B3C2 #9A97A3 #7D7B84 #605F66 #444348

#F1ECFF - #444348

HSV Blend

#F1ECFF - #444348 | 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 #F1ECFF as 0% and #444348 as 100%.

0.0%	0.0% #F1ECFF	RGB 241 236 255	#F1ECFF
16.7%	16.7% #D4CFE0	RGB 212 207 224	#D4CFE0
33.3%	33.3% #B7B3C2	RGB 183 179 194	#B7B3C2
50.0%	50.0% #9A97A3	RGB 154 151 163	#9A97A3
66.7%	66.7% #7D7B84	RGB 125 123 132	#7D7B84
83.3%	83.3% #605F66	RGB 96 95 102	#605F66
100.0%	100.0% #444348	RGB 68 67 72	#444348

#F1ECFF #D4CFE0 #B7B3C2 #9A97A3 #7D7B84 #605F66 #444348

#F1ECFF - #9A97A3 - #444348

CSS codes

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

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