#C792AF - #8F3C69 | 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 #C792AF to #8F3C69

#C792AF #8F3C69

Calculate the color between two colors, #C792AF and #8F3C69. 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)

#C792AF - #8F3C69 | 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 #C792AF as 0% and #8F3C69 as 100%.

0.0%	0.0% #C792AF	RGB 199 146 175	#C792AF
16.7%	16.7% #BD83A3	RGB 189 131 163	#BD83A3
33.3%	33.3% #B47597	RGB 180 117 151	#B47597
50.0%	50.0% #AB678C	RGB 171 103 140	#AB678C
66.7%	66.7% #A15880	RGB 161 88 128	#A15880
83.3%	83.3% #984A74	RGB 152 74 116	#984A74
100.0%	100.0% #8F3C69	RGB 143 60 105	#8F3C69

#C792AF #BD83A3 #B47597 #AB678C #A15880 #984A74 #8F3C69

#C792AF - #8F3C69

HSV Blend

#C792AF - #8F3C69 | 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 #C792AF as 0% and #8F3C69 as 100%.

0.0%	0.0% #C792AF	RGB 199 146 175	#C792AF
16.7%	16.7% #BD81A2	RGB 189 129 162	#BD81A2
33.3%	33.3% #B47195	RGB 180 113 149	#B47195
50.0%	50.0% #AB628A	RGB 171 98 138	#AB628A
66.7%	66.7% #A1547E	RGB 161 84 126	#A1547E
83.3%	83.3% #984773	RGB 152 71 115	#984773
100.0%	100.0% #8F3C69	RGB 143 60 105	#8F3C69

#C792AF #BD81A2 #B47195 #AB628A #A1547E #984773 #8F3C69

#C792AF - #AB628A - #8F3C69

CSS codes

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

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