#834C92 - #F1989C | 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 #834C92 to #F1989C

#834C92 #F1989C

Calculate the color between two colors, #834C92 and #F1989C. 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)

#834C92 - #F1989C | 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 #834C92 as 0% and #F1989C as 100%.

0.0%	0.0% #834C92	RGB 131 76 146	#834C92
16.7%	16.7% #955893	RGB 149 88 147	#955893
33.3%	33.3% #A76595	RGB 167 101 149	#A76595
50.0%	50.0% #BA7297	RGB 186 114 151	#BA7297
66.7%	66.7% #CC7E98	RGB 204 126 152	#CC7E98
83.3%	83.3% #DE8B9A	RGB 222 139 154	#DE8B9A
100.0%	100.0% #F1989C	RGB 241 152 156	#F1989C

#834C92 #955893 #A76595 #BA7297 #CC7E98 #DE8B9A #F1989C

#834C92 - #F1989C

HSV Blend

#834C92 - #F1989C | 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 #834C92 as 0% and #F1989C as 100%.

0.0%	0.0% #834C92	RGB 131 76 146	#834C92
16.7%	16.7% #A057A1	RGB 160 87 161	#A057A1
33.3%	33.3% #B163A3	RGB 177 99 163	#B163A3
50.0%	50.0% #C16FA3	RGB 193 111 163	#C16FA3
66.7%	66.7% #D17CA1	RGB 209 124 161	#D17CA1
83.3%	83.3% #E1899E	RGB 225 137 158	#E1899E
100.0%	100.0% #F1989C	RGB 241 152 156	#F1989C

#834C92 #A057A1 #B163A3 #C16FA3 #D17CA1 #E1899E #F1989C

#834C92 - #C16FA3 - #F1989C

CSS codes

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

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