#B05984 - #69193E | 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 #B05984 to #69193E

#B05984 #69193E

Calculate the color between two colors, #B05984 and #69193E. 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)

#B05984 - #69193E | 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 #B05984 as 0% and #69193E as 100%.

0.0%	0.0% #B05984	RGB 176 89 132	#B05984
16.7%	16.7% #A44E78	RGB 164 78 120	#A44E78
33.3%	33.3% #98436C	RGB 152 67 108	#98436C
50.0%	50.0% #8C3961	RGB 140 57 97	#8C3961
66.7%	66.7% #802E55	RGB 128 46 85	#802E55
83.3%	83.3% #742349	RGB 116 35 73	#742349
100.0%	100.0% #69193E	RGB 105 25 62	#69193E

#B05984 #A44E78 #98436C #8C3961 #802E55 #742349 #69193E

#B05984 - #69193E

HSV Blend

#B05984 - #69193E | 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 #B05984 as 0% and #69193E as 100%.

0.0%	0.0% #B05983	RGB 176 89 131	#B05983
16.7%	16.7% #A44B76	RGB 164 75 118	#A44B76
33.3%	33.3% #983F6A	RGB 152 63 106	#983F6A
50.0%	50.0% #8C345E	RGB 140 52 94	#8C345E
66.7%	66.7% #802A53	RGB 128 42 83	#802A53
83.3%	83.3% #742148	RGB 116 33 72	#742148
100.0%	100.0% #69193E	RGB 105 25 62	#69193E

#B05983 #A44B76 #983F6A #8C345E #802A53 #742148 #69193E

#B05984 - #8C345E - #69193E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05983 0%, #8C345E 50%, #69193E 100%);
    background: -webkit-linear-gradient(top, #B05983 0%, #8C345E 50%, #69193E 100%);
    background: linear-gradient(to bottom, #B05983 0%, #8C345E 50%, #69193E 100%);
}
</style>