#468C8C - #065C4B | 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 #468C8C to #065C4B

#468C8C #065C4B

Calculate the color between two colors, #468C8C and #065C4B. 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)

#468C8C - #065C4B | 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 #468C8C as 0% and #065C4B as 100%.

0.0%	0.0% #468C8C	RGB 70 140 140	#468C8C
16.7%	16.7% #3B8481	RGB 59 132 129	#3B8481
33.3%	33.3% #307C76	RGB 48 124 118	#307C76
50.0%	50.0% #26746B	RGB 38 116 107	#26746B
66.7%	66.7% #1B6C60	RGB 27 108 96	#1B6C60
83.3%	83.3% #106455	RGB 16 100 85	#106455
100.0%	100.0% #065C4B	RGB 6 92 75	#065C4B

#468C8C #3B8481 #307C76 #26746B #1B6C60 #106455 #065C4B

#468C8C - #065C4B

HSV Blend

#468C8C - #065C4B | 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 #468C8C as 0% and #065C4B as 100%.

0.0%	0.0% #468C8C	RGB 70 140 140	#468C8C
16.7%	16.7% #388481	RGB 56 132 129	#388481
33.3%	33.3% #2C7C76	RGB 44 124 118	#2C7C76
50.0%	50.0% #20746B	RGB 32 116 107	#20746B
66.7%	66.7% #166C60	RGB 22 108 96	#166C60
83.3%	83.3% #0D6455	RGB 13 100 85	#0D6455
100.0%	100.0% #065C4B	RGB 6 92 75	#065C4B

#468C8C #388481 #2C7C76 #20746B #166C60 #0D6455 #065C4B

#468C8C - #20746B - #065C4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #468C8C 0%, #20746B 50%, #065C4B 100%);
    background: -webkit-linear-gradient(top, #468C8C 0%, #20746B 50%, #065C4B 100%);
    background: linear-gradient(to bottom, #468C8C 0%, #20746B 50%, #065C4B 100%);
}
</style>