#F290C7 - #DA3C98 | 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 #F290C7 to #DA3C98

#F290C7 #DA3C98

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

#F290C7 - #DA3C98 | 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 #F290C7 as 0% and #DA3C98 as 100%.

0.0%	0.0% #F290C7	RGB 242 144 199	#F290C7
16.7%	16.7% #EE82BF	RGB 238 130 191	#EE82BF
33.3%	33.3% #EA74B7	RGB 234 116 183	#EA74B7
50.0%	50.0% #E666AF	RGB 230 102 175	#E666AF
66.7%	66.7% #E258A7	RGB 226 88 167	#E258A7
83.3%	83.3% #DE4A9F	RGB 222 74 159	#DE4A9F
100.0%	100.0% #DA3C98	RGB 218 60 152	#DA3C98

#F290C7 #EE82BF #EA74B7 #E666AF #E258A7 #DE4A9F #DA3C98

#F290C7 - #DA3C98

HSV Blend

#F290C7 - #DA3C98 | 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 #F290C7 as 0% and #DA3C98 as 100%.

0.0%	0.0% #F290C7	RGB 242 144 199	#F290C7
16.7%	16.7% #EE80BE	RGB 238 128 190	#EE80BE
33.3%	33.3% #EA72B6	RGB 234 114 182	#EA72B6
50.0%	50.0% #E664AE	RGB 230 100 174	#E664AE
66.7%	66.7% #E256A6	RGB 226 86 166	#E256A6
83.3%	83.3% #DE489F	RGB 222 72 159	#DE489F
100.0%	100.0% #DA3C98	RGB 218 60 152	#DA3C98

#F290C7 #EE80BE #EA72B6 #E664AE #E256A6 #DE489F #DA3C98

#F290C7 - #E664AE - #DA3C98

CSS codes

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

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