#EDA1C0 - #B2336B | 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 #EDA1C0 to #B2336B

#EDA1C0 #B2336B

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

#EDA1C0 - #B2336B | 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 #EDA1C0 as 0% and #B2336B as 100%.

0.0%	0.0% #EDA1C0	RGB 237 161 192	#EDA1C0
16.7%	16.7% #E38EB1	RGB 227 142 177	#E38EB1
33.3%	33.3% #D97CA3	RGB 217 124 163	#D97CA3
50.0%	50.0% #CF6A95	RGB 207 106 149	#CF6A95
66.7%	66.7% #C55787	RGB 197 87 135	#C55787
83.3%	83.3% #BB4579	RGB 187 69 121	#BB4579
100.0%	100.0% #B2336B	RGB 178 51 107	#B2336B

#EDA1C0 #E38EB1 #D97CA3 #CF6A95 #C55787 #BB4579 #B2336B

#EDA1C0 - #B2336B

HSV Blend

#EDA1C0 - #B2336B | 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 #EDA1C0 as 0% and #B2336B as 100%.

0.0%	0.0% #EDA1C0	RGB 237 161 192	#EDA1C0
16.7%	16.7% #E38BAF	RGB 227 139 175	#E38BAF
33.3%	33.3% #D977A0	RGB 217 119 160	#D977A0
50.0%	50.0% #CF6491	RGB 207 100 145	#CF6491
66.7%	66.7% #C55284	RGB 197 82 132	#C55284
83.3%	83.3% #BB4277	RGB 187 66 119	#BB4277
100.0%	100.0% #B2336B	RGB 178 51 107	#B2336B

#EDA1C0 #E38BAF #D977A0 #CF6491 #C55284 #BB4277 #B2336B

#EDA1C0 - #CF6491 - #B2336B

CSS codes

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

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