#422F5E - #BF757B | 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 #422F5E to #BF757B

#422F5E #BF757B

Calculate the color between two colors, #422F5E and #BF757B. 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)

#422F5E - #BF757B | 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 #422F5E as 0% and #BF757B as 100%.

0.0%	0.0% #422F5E	RGB 66 47 94	#422F5E
16.7%	16.7% #563A62	RGB 86 58 98	#563A62
33.3%	33.3% #6B4667	RGB 107 70 103	#6B4667
50.0%	50.0% #80526C	RGB 128 82 108	#80526C
66.7%	66.7% #955D71	RGB 149 93 113	#955D71
83.3%	83.3% #AA6976	RGB 170 105 118	#AA6976
100.0%	100.0% #BF757B	RGB 191 117 123	#BF757B

#422F5E #563A62 #6B4667 #80526C #955D71 #AA6976 #BF757B

#422F5E - #BF757B

HSV Blend

#422F5E - #BF757B | 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 #422F5E as 0% and #BF757B as 100%.

0.0%	0.0% #422F5E	RGB 66 47 94	#422F5E
16.7%	16.7% #5B396E	RGB 91 57 110	#5B396E
33.3%	33.3% #79437E	RGB 121 67 126	#79437E
50.0%	50.0% #8E4F84	RGB 142 79 132	#8E4F84
66.7%	66.7% #9E5B82	RGB 158 91 130	#9E5B82
83.3%	83.3% #AE677F	RGB 174 103 127	#AE677F
100.0%	100.0% #BF757B	RGB 191 117 123	#BF757B

#422F5E #5B396E #79437E #8E4F84 #9E5B82 #AE677F #BF757B

#422F5E - #8E4F84 - #BF757B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #422F5E 0%, #8E4F84 50%, #BF757B 100%);
    background: -webkit-linear-gradient(top, #422F5E 0%, #8E4F84 50%, #BF757B 100%);
    background: linear-gradient(to bottom, #422F5E 0%, #8E4F84 50%, #BF757B 100%);
}
</style>