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

#BD3E6B #6B0427

Calculate the color between two colors, #BD3E6B 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)

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

0.0%	0.0% #BD3E6B	RGB 189 62 107	#BD3E6B
16.7%	16.7% #AF345F	RGB 175 52 95	#AF345F
33.3%	33.3% #A12A54	RGB 161 42 84	#A12A54
50.0%	50.0% #942149	RGB 148 33 73	#942149
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

#BD3E6B #AF345F #A12A54 #942149 #86173D #780D32 #6B0427

#BD3E6B - #6B0427

HSV Blend

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

0.0%	0.0% #BD3E6B	RGB 189 62 107	#BD3E6B
16.7%	16.7% #AF315D	RGB 175 49 93	#AF315D
33.3%	33.3% #A12550	RGB 161 37 80	#A12550
50.0%	50.0% #941B45	RGB 148 27 69	#941B45
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

#BD3E6B #AF315D #A12550 #941B45 #86123A #780A30 #6B0427

#BD3E6B - #941B45 - #6B0427

CSS codes

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

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