#9FDBDA - #B8FFCB | 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 #9FDBDA to #B8FFCB

#9FDBDA #B8FFCB

Calculate the color between two colors, #9FDBDA and #B8FFCB. 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)

#9FDBDA - #B8FFCB | 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 #9FDBDA as 0% and #B8FFCB as 100%.

0.0%	0.0% #9FDBDA	RGB 159 219 218	#9FDBDA
16.7%	16.7% #A3E1D7	RGB 163 225 215	#A3E1D7
33.3%	33.3% #A7E7D5	RGB 167 231 213	#A7E7D5
50.0%	50.0% #ABEDD2	RGB 171 237 210	#ABEDD2
66.7%	66.7% #AFF3D0	RGB 175 243 208	#AFF3D0
83.3%	83.3% #B3F9CD	RGB 179 249 205	#B3F9CD
100.0%	100.0% #B8FFCB	RGB 184 255 203	#B8FFCB

#9FDBDA #A3E1D7 #A7E7D5 #ABEDD2 #AFF3D0 #B3F9CD #B8FFCB

#9FDBDA - #B8FFCB

HSV Blend

#9FDBDA - #B8FFCB | 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 #9FDBDA as 0% and #B8FFCB as 100%.

0.0%	0.0% #9FDBDA	RGB 159 219 218	#9FDBDA
16.7%	16.7% #A3E1D8	RGB 163 225 216	#A3E1D8
33.3%	33.3% #A7E7D6	RGB 167 231 214	#A7E7D6
50.0%	50.0% #ABEDD4	RGB 171 237 212	#ABEDD4
66.7%	66.7% #AFF3D1	RGB 175 243 209	#AFF3D1
83.3%	83.3% #B3F9CE	RGB 179 249 206	#B3F9CE
100.0%	100.0% #B8FFCB	RGB 184 255 203	#B8FFCB

#9FDBDA #A3E1D8 #A7E7D6 #ABEDD4 #AFF3D1 #B3F9CE #B8FFCB

#9FDBDA - #ABEDD4 - #B8FFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDBDA 0%, #ABEDD4 50%, #B8FFCB 100%);
    background: -webkit-linear-gradient(top, #9FDBDA 0%, #ABEDD4 50%, #B8FFCB 100%);
    background: linear-gradient(to bottom, #9FDBDA 0%, #ABEDD4 50%, #B8FFCB 100%);
}
</style>