#CF7B9C - #94214D | 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 #CF7B9C to #94214D

#CF7B9C #94214D

Calculate the color between two colors, #CF7B9C and #94214D. 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)

#CF7B9C - #94214D | 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 #CF7B9C as 0% and #94214D as 100%.

0.0%	0.0% #CF7B9C	RGB 207 123 156	#CF7B9C
16.7%	16.7% #C56C8E	RGB 197 108 142	#C56C8E
33.3%	33.3% #BB5D81	RGB 187 93 129	#BB5D81
50.0%	50.0% #B14E74	RGB 177 78 116	#B14E74
66.7%	66.7% #A73F67	RGB 167 63 103	#A73F67
83.3%	83.3% #9D305A	RGB 157 48 90	#9D305A
100.0%	100.0% #94214D	RGB 148 33 77	#94214D

#CF7B9C #C56C8E #BB5D81 #B14E74 #A73F67 #9D305A #94214D

#CF7B9C - #94214D

HSV Blend

#CF7B9C - #94214D | 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 #CF7B9C as 0% and #94214D as 100%.

0.0%	0.0% #CF7B9C	RGB 207 123 156	#CF7B9C
16.7%	16.7% #C5688D	RGB 197 104 141	#C5688D
33.3%	33.3% #BB587E	RGB 187 88 126	#BB587E
50.0%	50.0% #B14871	RGB 177 72 113	#B14871
66.7%	66.7% #A73A64	RGB 167 58 100	#A73A64
83.3%	83.3% #9D2C58	RGB 157 44 88	#9D2C58
100.0%	100.0% #94214D	RGB 148 33 77	#94214D

#CF7B9C #C5688D #BB587E #B14871 #A73A64 #9D2C58 #94214D

#CF7B9C - #B14871 - #94214D

CSS codes

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

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