#3B5C5E - #AF74D1 | 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 #3B5C5E to #AF74D1

#3B5C5E #AF74D1

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

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

0.0%	0.0% #3B5C5E	RGB 59 92 94	#3B5C5E
16.7%	16.7% #4E6071	RGB 78 96 113	#4E6071
33.3%	33.3% #616484	RGB 97 100 132	#616484
50.0%	50.0% #756897	RGB 117 104 151	#756897
66.7%	66.7% #886CAA	RGB 136 108 170	#886CAA
83.3%	83.3% #9B70BD	RGB 155 112 189	#9B70BD
100.0%	100.0% #AF74D1	RGB 175 116 209	#AF74D1

#3B5C5E #4E6071 #616484 #756897 #886CAA #9B70BD #AF74D1

#3B5C5E - #AF74D1

HSV Blend

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

0.0%	0.0% #3B5C5E	RGB 59 92 94	#3B5C5E
16.7%	16.7% #456371	RGB 69 99 113	#456371
33.3%	33.3% #4F6584	RGB 79 101 132	#4F6584
50.0%	50.0% #596397	RGB 89 99 151	#596397
66.7%	66.7% #6A62AA	RGB 106 98 170	#6A62AA
83.3%	83.3% #8A6BBD	RGB 138 107 189	#8A6BBD
100.0%	100.0% #AF74D1	RGB 175 116 209	#AF74D1

#3B5C5E #456371 #4F6584 #596397 #6A62AA #8A6BBD #AF74D1

#3B5C5E - #596397 - #AF74D1

CSS codes

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

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