#CF7E9F - #3B242D | 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 #CF7E9F to #3B242D

#CF7E9F #3B242D

Calculate the color between two colors, #CF7E9F and #3B242D. 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)

#CF7E9F - #3B242D | 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 #CF7E9F as 0% and #3B242D as 100%.

0.0%	0.0% #CF7E9F	RGB 207 126 159	#CF7E9F
16.7%	16.7% #B66F8C	RGB 182 111 140	#B66F8C
33.3%	33.3% #9D6079	RGB 157 96 121	#9D6079
50.0%	50.0% #855166	RGB 133 81 102	#855166
66.7%	66.7% #6C4253	RGB 108 66 83	#6C4253
83.3%	83.3% #533340	RGB 83 51 64	#533340
100.0%	100.0% #3B242D	RGB 59 36 45	#3B242D

#CF7E9F #B66F8C #9D6079 #855166 #6C4253 #533340 #3B242D

#CF7E9F - #3B242D

HSV Blend

#CF7E9F - #3B242D | 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 #CF7E9F as 0% and #3B242D as 100%.

0.0%	0.0% #CF7E9E	RGB 207 126 158	#CF7E9E
16.7%	16.7% #B66F8B	RGB 182 111 139	#B66F8B
33.3%	33.3% #9D6078	RGB 157 96 120	#9D6078
50.0%	50.0% #855165	RGB 133 81 101	#855165
66.7%	66.7% #6C4252	RGB 108 66 82	#6C4252
83.3%	83.3% #53333F	RGB 83 51 63	#53333F
100.0%	100.0% #3B242D	RGB 59 36 45	#3B242D

#CF7E9E #B66F8B #9D6078 #855165 #6C4252 #53333F #3B242D

#CF7E9F - #855165 - #3B242D

CSS codes

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

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