#CF6D9F - #921150 | 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 #CF6D9F to #921150

#CF6D9F #921150

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

#CF6D9F - #921150 | 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 #CF6D9F as 0% and #921150 as 100%.

0.0%	0.0% #CF6D9F	RGB 207 109 159	#CF6D9F
16.7%	16.7% #C45D91	RGB 196 93 145	#C45D91
33.3%	33.3% #BA4E84	RGB 186 78 132	#BA4E84
50.0%	50.0% #B03F77	RGB 176 63 119	#B03F77
66.7%	66.7% #A62F6A	RGB 166 47 106	#A62F6A
83.3%	83.3% #9C205D	RGB 156 32 93	#9C205D
100.0%	100.0% #921150	RGB 146 17 80	#921150

#CF6D9F #C45D91 #BA4E84 #B03F77 #A62F6A #9C205D #921150

#CF6D9F - #921150

HSV Blend

#CF6D9F - #921150 | 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 #CF6D9F as 0% and #921150 as 100%.

0.0%	0.0% #CF6D9F	RGB 207 109 159	#CF6D9F
16.7%	16.7% #C45A90	RGB 196 90 144	#C45A90
33.3%	33.3% #BA4882	RGB 186 72 130	#BA4882
50.0%	50.0% #B03874	RGB 176 56 116	#B03874
66.7%	66.7% #A62A67	RGB 166 42 103	#A62A67
83.3%	83.3% #9C1C5B	RGB 156 28 91	#9C1C5B
100.0%	100.0% #921150	RGB 146 17 80	#921150

#CF6D9F #C45A90 #BA4882 #B03874 #A62A67 #9C1C5B #921150

#CF6D9F - #B03874 - #921150

CSS codes

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

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