#A8FFCB - #42E19F | 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 #A8FFCB to #42E19F

#A8FFCB #42E19F

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

#A8FFCB - #42E19F | 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 #A8FFCB as 0% and #42E19F as 100%.

0.0%	0.0% #A8FFCB	RGB 168 255 203	#A8FFCB
16.7%	16.7% #97FAC3	RGB 151 250 195	#97FAC3
33.3%	33.3% #86F5BC	RGB 134 245 188	#86F5BC
50.0%	50.0% #75F0B5	RGB 117 240 181	#75F0B5
66.7%	66.7% #64EBAD	RGB 100 235 173	#64EBAD
83.3%	83.3% #53E6A6	RGB 83 230 166	#53E6A6
100.0%	100.0% #42E19F	RGB 66 225 159	#42E19F

#A8FFCB #97FAC3 #86F5BC #75F0B5 #64EBAD #53E6A6 #42E19F

#A8FFCB - #42E19F

HSV Blend

#A8FFCB - #42E19F | 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 #A8FFCB as 0% and #42E19F as 100%.

0.0%	0.0% #A8FFCB	RGB 168 255 203	#A8FFCB
16.7%	16.7% #95FAC0	RGB 149 250 192	#95FAC0
33.3%	33.3% #83F5B8	RGB 131 245 184	#83F5B8
50.0%	50.0% #72F0B0	RGB 114 240 176	#72F0B0
66.7%	66.7% #61EBA9	RGB 97 235 169	#61EBA9
83.3%	83.3% #51E6A3	RGB 81 230 163	#51E6A3
100.0%	100.0% #42E19F	RGB 66 225 159	#42E19F

#A8FFCB #95FAC0 #83F5B8 #72F0B0 #61EBA9 #51E6A3 #42E19F

#A8FFCB - #72F0B0 - #42E19F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FFCB 0%, #72F0B0 50%, #42E19F 100%);
    background: -webkit-linear-gradient(top, #A8FFCB 0%, #72F0B0 50%, #42E19F 100%);
    background: linear-gradient(to bottom, #A8FFCB 0%, #72F0B0 50%, #42E19F 100%);
}
</style>