#C038AF - #79005D | 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 #C038AF to #79005D

#C038AF #79005D

Calculate the color between two colors, #C038AF and #79005D. 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)

#C038AF - #79005D | 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 #C038AF as 0% and #79005D as 100%.

0.0%	0.0% #C038AF	RGB 192 56 175	#C038AF
16.7%	16.7% #B42EA1	RGB 180 46 161	#B42EA1
33.3%	33.3% #A82593	RGB 168 37 147	#A82593
50.0%	50.0% #9C1C86	RGB 156 28 134	#9C1C86
66.7%	66.7% #901278	RGB 144 18 120	#901278
83.3%	83.3% #84096A	RGB 132 9 106	#84096A
100.0%	100.0% #79005D	RGB 121 0 93	#79005D

#C038AF #B42EA1 #A82593 #9C1C86 #901278 #84096A #79005D

#C038AF - #79005D

HSV Blend

#C038AF - #79005D | 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 #C038AF as 0% and #79005D as 100%.

0.0%	0.0% #C038AF	RGB 192 56 175	#C038AF
16.7%	16.7% #B42BA0	RGB 180 43 160	#B42BA0
33.3%	33.3% #A82092	RGB 168 32 146	#A82092
50.0%	50.0% #9C1684	RGB 156 22 132	#9C1684
66.7%	66.7% #900E77	RGB 144 14 119	#900E77
83.3%	83.3% #840669	RGB 132 6 105	#840669
100.0%	100.0% #79005D	RGB 121 0 93	#79005D

#C038AF #B42BA0 #A82092 #9C1684 #900E77 #840669 #79005D

#C038AF - #9C1684 - #79005D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C038AF 0%, #9C1684 50%, #79005D 100%);
    background: -webkit-linear-gradient(top, #C038AF 0%, #9C1684 50%, #79005D 100%);
    background: linear-gradient(to bottom, #C038AF 0%, #9C1684 50%, #79005D 100%);
}
</style>