#CC97C2 - #9F3076 | 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 #CC97C2 to #9F3076

#CC97C2 #9F3076

Calculate the color between two colors, #CC97C2 and #9F3076. 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)

#CC97C2 - #9F3076 | 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 #CC97C2 as 0% and #9F3076 as 100%.

0.0%	0.0% #CC97C2	RGB 204 151 194	#CC97C2
16.7%	16.7% #C485B5	RGB 196 133 181	#C485B5
33.3%	33.3% #BD74A8	RGB 189 116 168	#BD74A8
50.0%	50.0% #B5639C	RGB 181 99 156	#B5639C
66.7%	66.7% #AE528F	RGB 174 82 143	#AE528F
83.3%	83.3% #A64182	RGB 166 65 130	#A64182
100.0%	100.0% #9F3076	RGB 159 48 118	#9F3076

#CC97C2 #C485B5 #BD74A8 #B5639C #AE528F #A64182 #9F3076

#CC97C2 - #9F3076

HSV Blend

#CC97C2 - #9F3076 | 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 #CC97C2 as 0% and #9F3076 as 100%.

0.0%	0.0% #CC97C2	RGB 204 151 194	#CC97C2
16.7%	16.7% #C483B6	RGB 196 131 182	#C483B6
33.3%	33.3% #BD70A9	RGB 189 112 169	#BD70A9
50.0%	50.0% #B55E9D	RGB 181 94 157	#B55E9D
66.7%	66.7% #AE4D90	RGB 174 77 144	#AE4D90
83.3%	83.3% #A63E83	RGB 166 62 131	#A63E83
100.0%	100.0% #9F3076	RGB 159 48 118	#9F3076

#CC97C2 #C483B6 #BD70A9 #B55E9D #AE4D90 #A63E83 #9F3076

#CC97C2 - #B55E9D - #9F3076

CSS codes

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

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