#CF3E67 - #770327 | 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 #CF3E67 to #770327

#CF3E67 #770327

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

#CF3E67 - #770327 | 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 #CF3E67 as 0% and #770327 as 100%.

0.0%	0.0% #CF3E67	RGB 207 62 103	#CF3E67
16.7%	16.7% #C0345C	RGB 192 52 92	#C0345C
33.3%	33.3% #B12A51	RGB 177 42 81	#B12A51
50.0%	50.0% #A32047	RGB 163 32 71	#A32047
66.7%	66.7% #94163C	RGB 148 22 60	#94163C
83.3%	83.3% #850C31	RGB 133 12 49	#850C31
100.0%	100.0% #770327	RGB 119 3 39	#770327

#CF3E67 #C0345C #B12A51 #A32047 #94163C #850C31 #770327

#CF3E67 - #770327

HSV Blend

#CF3E67 - #770327 | 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 #CF3E67 as 0% and #770327 as 100%.

0.0%	0.0% #CF3E66	RGB 207 62 102	#CF3E66
16.7%	16.7% #C0305A	RGB 192 48 90	#C0305A
33.3%	33.3% #B1244E	RGB 177 36 78	#B1244E
50.0%	50.0% #A31A42	RGB 163 26 66	#A31A42
66.7%	66.7% #941138	RGB 148 17 56	#941138
83.3%	83.3% #85092F	RGB 133 9 47	#85092F
100.0%	100.0% #770327	RGB 119 3 39	#770327

#CF3E66 #C0305A #B1244E #A31A42 #941138 #85092F #770327

#CF3E67 - #A31A42 - #770327

CSS codes

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

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