#CF96B9 - #9F346B | 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 #CF96B9 to #9F346B

#CF96B9 #9F346B

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

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

0.0%	0.0% #CF96B9	RGB 207 150 185	#CF96B9
16.7%	16.7% #C785AC	RGB 199 133 172	#C785AC
33.3%	33.3% #BF759F	RGB 191 117 159	#BF759F
50.0%	50.0% #B76592	RGB 183 101 146	#B76592
66.7%	66.7% #AF5485	RGB 175 84 133	#AF5485
83.3%	83.3% #A74478	RGB 167 68 120	#A74478
100.0%	100.0% #9F346B	RGB 159 52 107	#9F346B

#CF96B9 #C785AC #BF759F #B76592 #AF5485 #A74478 #9F346B

#CF96B9 - #9F346B

HSV Blend

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

0.0%	0.0% #CF96B9	RGB 207 150 185	#CF96B9
16.7%	16.7% #C783AB	RGB 199 131 171	#C783AB
33.3%	33.3% #BF719E	RGB 191 113 158	#BF719E
50.0%	50.0% #B76091	RGB 183 96 145	#B76091
66.7%	66.7% #AF5084	RGB 175 80 132	#AF5084
83.3%	83.3% #A74177	RGB 167 65 119	#A74177
100.0%	100.0% #9F346B	RGB 159 52 107	#9F346B

#CF96B9 #C783AB #BF719E #B76091 #AF5084 #A74177 #9F346B

#CF96B9 - #B76091 - #9F346B

CSS codes

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

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