#3E3C79 - #65CCCB | 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 #3E3C79 to #65CCCB

#3E3C79 #65CCCB

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

#3E3C79 - #65CCCB | 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 #3E3C79 as 0% and #65CCCB as 100%.

0.0%	0.0% #3E3C79	RGB 62 60 121	#3E3C79
16.7%	16.7% #445486	RGB 68 84 134	#445486
33.3%	33.3% #4B6C94	RGB 75 108 148	#4B6C94
50.0%	50.0% #5184A2	RGB 81 132 162	#5184A2
66.7%	66.7% #589CAF	RGB 88 156 175	#589CAF
83.3%	83.3% #5EB4BD	RGB 94 180 189	#5EB4BD
100.0%	100.0% #65CCCB	RGB 101 204 203	#65CCCB

#3E3C79 #445486 #4B6C94 #5184A2 #589CAF #5EB4BD #65CCCB

#3E3C79 - #65CCCB

HSV Blend

#3E3C79 - #65CCCB | 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 #3E3C79 as 0% and #65CCCB as 100%.

0.0%	0.0% #3D3C79	RGB 61 60 121	#3D3C79
16.7%	16.7% #424C86	RGB 66 76 134	#424C86
33.3%	33.3% #496194	RGB 73 97 148	#496194
50.0%	50.0% #5078A2	RGB 80 120 162	#5078A2
66.7%	66.7% #5792B0	RGB 87 146 176	#5792B0
83.3%	83.3% #5EAEBE	RGB 94 174 190	#5EAEBE
100.0%	100.0% #65CCCB	RGB 101 204 203	#65CCCB

#3D3C79 #424C86 #496194 #5078A2 #5792B0 #5EAEBE #65CCCB

#3E3C79 - #5078A2 - #65CCCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3C79 0%, #5078A2 50%, #65CCCB 100%);
    background: -webkit-linear-gradient(top, #3D3C79 0%, #5078A2 50%, #65CCCB 100%);
    background: linear-gradient(to bottom, #3D3C79 0%, #5078A2 50%, #65CCCB 100%);
}
</style>