#F06FDB - #441F3E | 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 #F06FDB to #441F3E

#F06FDB #441F3E

Calculate the color between two colors, #F06FDB and #441F3E. 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)

#F06FDB - #441F3E | 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 #F06FDB as 0% and #441F3E as 100%.

0.0%	0.0% #F06FDB	RGB 240 111 219	#F06FDB
16.7%	16.7% #D361C0	RGB 211 97 192	#D361C0
33.3%	33.3% #B654A6	RGB 182 84 166	#B654A6
50.0%	50.0% #9A478C	RGB 154 71 140	#9A478C
66.7%	66.7% #7D3972	RGB 125 57 114	#7D3972
83.3%	83.3% #602C58	RGB 96 44 88	#602C58
100.0%	100.0% #441F3E	RGB 68 31 62	#441F3E

#F06FDB #D361C0 #B654A6 #9A478C #7D3972 #602C58 #441F3E

#F06FDB - #441F3E

HSV Blend

#F06FDB - #441F3E | 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 #F06FDB as 0% and #441F3E as 100%.

0.0%	0.0% #F06FDB	RGB 240 111 219	#F06FDB
16.7%	16.7% #D361C0	RGB 211 97 192	#D361C0
33.3%	33.3% #B654A6	RGB 182 84 166	#B654A6
50.0%	50.0% #9A468C	RGB 154 70 140	#9A468C
66.7%	66.7% #7D3972	RGB 125 57 114	#7D3972
83.3%	83.3% #602C58	RGB 96 44 88	#602C58
100.0%	100.0% #441F3E	RGB 68 31 62	#441F3E

#F06FDB #D361C0 #B654A6 #9A468C #7D3972 #602C58 #441F3E

#F06FDB - #9A468C - #441F3E

CSS codes

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

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