#42B6B5 - #00867B | 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 #42B6B5 to #00867B

#42B6B5 #00867B

Calculate the color between two colors, #42B6B5 and #00867B. 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)

#42B6B5 - #00867B | 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 #42B6B5 as 0% and #00867B as 100%.

0.0%	0.0% #42B6B5	RGB 66 182 181	#42B6B5
16.7%	16.7% #37AEAB	RGB 55 174 171	#37AEAB
33.3%	33.3% #2CA6A1	RGB 44 166 161	#2CA6A1
50.0%	50.0% #219E98	RGB 33 158 152	#219E98
66.7%	66.7% #16968E	RGB 22 150 142	#16968E
83.3%	83.3% #0B8E84	RGB 11 142 132	#0B8E84
100.0%	100.0% #00867B	RGB 0 134 123	#00867B

#42B6B5 #37AEAB #2CA6A1 #219E98 #16968E #0B8E84 #00867B

#42B6B5 - #00867B

HSV Blend

#42B6B5 - #00867B | 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 #42B6B5 as 0% and #00867B as 100%.

0.0%	0.0% #42B6B5	RGB 66 182 181	#42B6B5
16.7%	16.7% #34AEAB	RGB 52 174 171	#34AEAB
33.3%	33.3% #28A6A1	RGB 40 166 161	#28A6A1
50.0%	50.0% #1C9E98	RGB 28 158 152	#1C9E98
66.7%	66.7% #12968E	RGB 18 150 142	#12968E
83.3%	83.3% #088E84	RGB 8 142 132	#088E84
100.0%	100.0% #00867B	RGB 0 134 123	#00867B

#42B6B5 #34AEAB #28A6A1 #1C9E98 #12968E #088E84 #00867B

#42B6B5 - #1C9E98 - #00867B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42B6B5 0%, #1C9E98 50%, #00867B 100%);
    background: -webkit-linear-gradient(top, #42B6B5 0%, #1C9E98 50%, #00867B 100%);
    background: linear-gradient(to bottom, #42B6B5 0%, #1C9E98 50%, #00867B 100%);
}
</style>