#102D39 - #386181 | 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 #102D39 to #386181

#102D39 #386181

Calculate the color between two colors, #102D39 and #386181. 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)

#102D39 - #386181 | 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 #102D39 as 0% and #386181 as 100%.

0.0%	0.0% #102D39	RGB 16 45 57	#102D39
16.7%	16.7% #163545	RGB 22 53 69	#163545
33.3%	33.3% #1D3E51	RGB 29 62 81	#1D3E51
50.0%	50.0% #24475D	RGB 36 71 93	#24475D
66.7%	66.7% #2A4F69	RGB 42 79 105	#2A4F69
83.3%	83.3% #315875	RGB 49 88 117	#315875
100.0%	100.0% #386181	RGB 56 97 129	#386181

#102D39 #163545 #1D3E51 #24475D #2A4F69 #315875 #386181

#102D39 - #386181

HSV Blend

#102D39 - #386181 | 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 #102D39 as 0% and #386181 as 100%.

0.0%	0.0% #102D39	RGB 16 45 57	#102D39
16.7%	16.7% #153545	RGB 21 53 69	#153545
33.3%	33.3% #1A3E51	RGB 26 62 81	#1A3E51
50.0%	50.0% #21475D	RGB 33 71 93	#21475D
66.7%	66.7% #284F69	RGB 40 79 105	#284F69
83.3%	83.3% #2F5875	RGB 47 88 117	#2F5875
100.0%	100.0% #386181	RGB 56 97 129	#386181

#102D39 #153545 #1A3E51 #21475D #284F69 #2F5875 #386181

#102D39 - #21475D - #386181

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #102D39 0%, #21475D 50%, #386181 100%);
    background: -webkit-linear-gradient(top, #102D39 0%, #21475D 50%, #386181 100%);
    background: linear-gradient(to bottom, #102D39 0%, #21475D 50%, #386181 100%);
}
</style>