#3E434D - #AF79C4 | 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 #3E434D to #AF79C4

#3E434D #AF79C4

Calculate the color between two colors, #3E434D and #AF79C4. 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)

#3E434D - #AF79C4 | 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 #3E434D as 0% and #AF79C4 as 100%.

0.0%	0.0% #3E434D	RGB 62 67 77	#3E434D
16.7%	16.7% #504C60	RGB 80 76 96	#504C60
33.3%	33.3% #635574	RGB 99 85 116	#635574
50.0%	50.0% #765E88	RGB 118 94 136	#765E88
66.7%	66.7% #89679C	RGB 137 103 156	#89679C
83.3%	83.3% #9C70B0	RGB 156 112 176	#9C70B0
100.0%	100.0% #AF79C4	RGB 175 121 196	#AF79C4

#3E434D #504C60 #635574 #765E88 #89679C #9C70B0 #AF79C4

#3E434D - #AF79C4

HSV Blend

#3E434D - #AF79C4 | 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 #3E434D as 0% and #AF79C4 as 100%.

0.0%	0.0% #3E434D	RGB 62 67 77	#3E434D
16.7%	16.7% #4A4E60	RGB 74 78 96	#4A4E60
33.3%	33.3% #575674	RGB 87 86 116	#575674
50.0%	50.0% #686188	RGB 104 97 136	#686188
66.7%	66.7% #7C6A9C	RGB 124 106 156	#7C6A9C
83.3%	83.3% #9372B0	RGB 147 114 176	#9372B0
100.0%	100.0% #AF79C4	RGB 175 121 196	#AF79C4

#3E434D #4A4E60 #575674 #686188 #7C6A9C #9372B0 #AF79C4

#3E434D - #686188 - #AF79C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E434D 0%, #686188 50%, #AF79C4 100%);
    background: -webkit-linear-gradient(top, #3E434D 0%, #686188 50%, #AF79C4 100%);
    background: linear-gradient(to bottom, #3E434D 0%, #686188 50%, #AF79C4 100%);
}
</style>