#B05D8D - #750E3D | 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 #B05D8D to #750E3D

#B05D8D #750E3D

Calculate the color between two colors, #B05D8D and #750E3D. 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)

#B05D8D - #750E3D | 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 #B05D8D as 0% and #750E3D as 100%.

0.0%	0.0% #B05D8D	RGB 176 93 141	#B05D8D
16.7%	16.7% #A64F7F	RGB 166 79 127	#A64F7F
33.3%	33.3% #9C4272	RGB 156 66 114	#9C4272
50.0%	50.0% #923565	RGB 146 53 101	#923565
66.7%	66.7% #882857	RGB 136 40 87	#882857
83.3%	83.3% #7E1B4A	RGB 126 27 74	#7E1B4A
100.0%	100.0% #750E3D	RGB 117 14 61	#750E3D

#B05D8D #A64F7F #9C4272 #923565 #882857 #7E1B4A #750E3D

#B05D8D - #750E3D

HSV Blend

#B05D8D - #750E3D | 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 #B05D8D as 0% and #750E3D as 100%.

0.0%	0.0% #B05D8D	RGB 176 93 141	#B05D8D
16.7%	16.7% #A64C7E	RGB 166 76 126	#A64C7E
33.3%	33.3% #9C3D70	RGB 156 61 112	#9C3D70
50.0%	50.0% #922F62	RGB 146 47 98	#922F62
66.7%	66.7% #882255	RGB 136 34 85	#882255
83.3%	83.3% #7E1748	RGB 126 23 72	#7E1748
100.0%	100.0% #750E3D	RGB 117 14 61	#750E3D

#B05D8D #A64C7E #9C3D70 #922F62 #882255 #7E1748 #750E3D

#B05D8D - #922F62 - #750E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05D8D 0%, #922F62 50%, #750E3D 100%);
    background: -webkit-linear-gradient(top, #B05D8D 0%, #922F62 50%, #750E3D 100%);
    background: linear-gradient(to bottom, #B05D8D 0%, #922F62 50%, #750E3D 100%);
}
</style>