#BC3E6B - #6B0427 | 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 #BC3E6B to #6B0427

#BC3E6B #6B0427

Calculate the color between two colors, #BC3E6B and #6B0427. 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)

#BC3E6B - #6B0427 | 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 #BC3E6B as 0% and #6B0427 as 100%.

0.0%	0.0% #BC3E6B	RGB 188 62 107	#BC3E6B
16.7%	16.7% #AE345F	RGB 174 52 95	#AE345F
33.3%	33.3% #A12A54	RGB 161 42 84	#A12A54
50.0%	50.0% #932149	RGB 147 33 73	#932149
66.7%	66.7% #86173D	RGB 134 23 61	#86173D
83.3%	83.3% #780D32	RGB 120 13 50	#780D32
100.0%	100.0% #6B0427	RGB 107 4 39	#6B0427

#BC3E6B #AE345F #A12A54 #932149 #86173D #780D32 #6B0427

#BC3E6B - #6B0427

HSV Blend

#BC3E6B - #6B0427 | 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 #BC3E6B as 0% and #6B0427 as 100%.

0.0%	0.0% #BC3E6B	RGB 188 62 107	#BC3E6B
16.7%	16.7% #AE315D	RGB 174 49 93	#AE315D
33.3%	33.3% #A12550	RGB 161 37 80	#A12550
50.0%	50.0% #931B45	RGB 147 27 69	#931B45
66.7%	66.7% #86123A	RGB 134 18 58	#86123A
83.3%	83.3% #780A30	RGB 120 10 48	#780A30
100.0%	100.0% #6B0427	RGB 107 4 39	#6B0427

#BC3E6B #AE315D #A12550 #931B45 #86123A #780A30 #6B0427

#BC3E6B - #931B45 - #6B0427

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC3E6B 0%, #931B45 50%, #6B0427 100%);
    background: -webkit-linear-gradient(top, #BC3E6B 0%, #931B45 50%, #6B0427 100%);
    background: linear-gradient(to bottom, #BC3E6B 0%, #931B45 50%, #6B0427 100%);
}
</style>