#CF6D9A - #91144B | 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 #CF6D9A to #91144B

#CF6D9A #91144B

Calculate the color between two colors, #CF6D9A and #91144B. 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)

#CF6D9A - #91144B | 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 #CF6D9A as 0% and #91144B as 100%.

0.0%	0.0% #CF6D9A	RGB 207 109 154	#CF6D9A
16.7%	16.7% #C45E8C	RGB 196 94 140	#C45E8C
33.3%	33.3% #BA4F7F	RGB 186 79 127	#BA4F7F
50.0%	50.0% #B04072	RGB 176 64 114	#B04072
66.7%	66.7% #A53165	RGB 165 49 101	#A53165
83.3%	83.3% #9B2258	RGB 155 34 88	#9B2258
100.0%	100.0% #91144B	RGB 145 20 75	#91144B

#CF6D9A #C45E8C #BA4F7F #B04072 #A53165 #9B2258 #91144B

#CF6D9A - #91144B

HSV Blend

#CF6D9A - #91144B | 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 #CF6D9A as 0% and #91144B as 100%.

0.0%	0.0% #CF6D99	RGB 207 109 153	#CF6D99
16.7%	16.7% #C45A8B	RGB 196 90 139	#C45A8B
33.3%	33.3% #BA497C	RGB 186 73 124	#BA497C
50.0%	50.0% #B03A6F	RGB 176 58 111	#B03A6F
66.7%	66.7% #A52C62	RGB 165 44 98	#A52C62
83.3%	83.3% #9B1F56	RGB 155 31 86	#9B1F56
100.0%	100.0% #91144B	RGB 145 20 75	#91144B

#CF6D99 #C45A8B #BA497C #B03A6F #A52C62 #9B1F56 #91144B

#CF6D9A - #B03A6F - #91144B

CSS codes

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

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