#C05EB8 - #7E256B | 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 #C05EB8 to #7E256B

#C05EB8 #7E256B

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

#C05EB8 - #7E256B | 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 #C05EB8 as 0% and #7E256B as 100%.

0.0%	0.0% #C05EB8	RGB 192 94 184	#C05EB8
16.7%	16.7% #B554AB	RGB 181 84 171	#B554AB
33.3%	33.3% #AA4B9E	RGB 170 75 158	#AA4B9E
50.0%	50.0% #9F4191	RGB 159 65 145	#9F4191
66.7%	66.7% #943884	RGB 148 56 132	#943884
83.3%	83.3% #892E77	RGB 137 46 119	#892E77
100.0%	100.0% #7E256B	RGB 126 37 107	#7E256B

#C05EB8 #B554AB #AA4B9E #9F4191 #943884 #892E77 #7E256B

#C05EB8 - #7E256B

HSV Blend

#C05EB8 - #7E256B | 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 #C05EB8 as 0% and #7E256B as 100%.

0.0%	0.0% #C05EB8	RGB 192 94 184	#C05EB8
16.7%	16.7% #B552AA	RGB 181 82 170	#B552AA
33.3%	33.3% #AA489D	RGB 170 72 157	#AA489D
50.0%	50.0% #9F3E90	RGB 159 62 144	#9F3E90
66.7%	66.7% #943583	RGB 148 53 131	#943583
83.3%	83.3% #892C77	RGB 137 44 119	#892C77
100.0%	100.0% #7E256B	RGB 126 37 107	#7E256B

#C05EB8 #B552AA #AA489D #9F3E90 #943583 #892C77 #7E256B

#C05EB8 - #9F3E90 - #7E256B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C05EB8 0%, #9F3E90 50%, #7E256B 100%);
    background: -webkit-linear-gradient(top, #C05EB8 0%, #9F3E90 50%, #7E256B 100%);
    background: linear-gradient(to bottom, #C05EB8 0%, #9F3E90 50%, #7E256B 100%);
}
</style>