#E49FD3 - #B9308B | 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 #E49FD3 to #B9308B

#E49FD3 #B9308B

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

#E49FD3 - #B9308B | 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 #E49FD3 as 0% and #B9308B as 100%.

0.0%	0.0% #E49FD3	RGB 228 159 211	#E49FD3
16.7%	16.7% #DC8CC7	RGB 220 140 199	#DC8CC7
33.3%	33.3% #D57ABB	RGB 213 122 187	#D57ABB
50.0%	50.0% #CE67AF	RGB 206 103 175	#CE67AF
66.7%	66.7% #C755A3	RGB 199 85 163	#C755A3
83.3%	83.3% #C04297	RGB 192 66 151	#C04297
100.0%	100.0% #B9308B	RGB 185 48 139	#B9308B

#E49FD3 #DC8CC7 #D57ABB #CE67AF #C755A3 #C04297 #B9308B

#E49FD3 - #B9308B

HSV Blend

#E49FD3 - #B9308B | 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 #E49FD3 as 0% and #B9308B as 100%.

0.0%	0.0% #E49FD3	RGB 228 159 211	#E49FD3
16.7%	16.7% #DC89C7	RGB 220 137 199	#DC89C7
33.3%	33.3% #D575BB	RGB 213 117 187	#D575BB
50.0%	50.0% #CE62AF	RGB 206 98 175	#CE62AF
66.7%	66.7% #C750A3	RGB 199 80 163	#C750A3
83.3%	83.3% #C03F97	RGB 192 63 151	#C03F97
100.0%	100.0% #B9308B	RGB 185 48 139	#B9308B

#E49FD3 #DC89C7 #D575BB #CE62AF #C750A3 #C03F97 #B9308B

#E49FD3 - #CE62AF - #B9308B

CSS codes

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

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