#2D416B - #B876B5 | 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 #2D416B to #B876B5

#2D416B #B876B5

Calculate the color between two colors, #2D416B and #B876B5. 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)

#2D416B - #B876B5 | 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 #2D416B as 0% and #B876B5 as 100%.

0.0%	0.0% #2D416B	RGB 45 65 107	#2D416B
16.7%	16.7% #444977	RGB 68 73 119	#444977
33.3%	33.3% #5B5283	RGB 91 82 131	#5B5283
50.0%	50.0% #725B90	RGB 114 91 144	#725B90
66.7%	66.7% #89649C	RGB 137 100 156	#89649C
83.3%	83.3% #A06DA8	RGB 160 109 168	#A06DA8
100.0%	100.0% #B876B5	RGB 184 118 181	#B876B5

#2D416B #444977 #5B5283 #725B90 #89649C #A06DA8 #B876B5

#2D416B - #B876B5

HSV Blend

#2D416B - #B876B5 | 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 #2D416B as 0% and #B876B5 as 100%.

0.0%	0.0% #2D406B	RGB 45 64 107	#2D406B
16.7%	16.7% #363C77	RGB 54 60 119	#363C77
33.3%	33.3% #4A4184	RGB 74 65 132	#4A4184
50.0%	50.0% #654D91	RGB 101 77 145	#654D91
66.7%	66.7% #82599E	RGB 130 89 158	#82599E
83.3%	83.3% #9E67AB	RGB 158 103 171	#9E67AB
100.0%	100.0% #B876B5	RGB 184 118 181	#B876B5

#2D406B #363C77 #4A4184 #654D91 #82599E #9E67AB #B876B5

#2D416B - #654D91 - #B876B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D406B 0%, #654D91 50%, #B876B5 100%);
    background: -webkit-linear-gradient(top, #2D406B 0%, #654D91 50%, #B876B5 100%);
    background: linear-gradient(to bottom, #2D406B 0%, #654D91 50%, #B876B5 100%);
}
</style>