#8BA7BC - #9DFBB5 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #8BA7BC a #9DFBB5

#8BA7BC #9DFBB5

Calcule el color entre dos colores, #8BA7BC y #9DFBB5. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#8BA7BC - #9DFBB5 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #8BA7BC como 0% y #9DFBB5 como 100%.

0.0%	0.0% #8BA7BC	RGB 139 167 188	#8BA7BC
16.7%	16.7% #8EB5BA	RGB 142 181 186	#8EB5BA
33.3%	33.3% #91C3B9	RGB 145 195 185	#91C3B9
50.0%	50.0% #94D1B8	RGB 148 209 184	#94D1B8
66.7%	66.7% #97DFB7	RGB 151 223 183	#97DFB7
83.3%	83.3% #9AEDB6	RGB 154 237 182	#9AEDB6
100.0%	100.0% #9DFBB5	RGB 157 251 181	#9DFBB5

#8BA7BC #8EB5BA #91C3B9 #94D1B8 #97DFB7 #9AEDB6 #9DFBB5

#8BA7BC - #9DFBB5

Mezcla HSV

#8BA7BC - #9DFBB5 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #8BA7BC como 0% y #9DFBB5 como 100%.

0.0%	0.0% #8BA7BC	RGB 139 167 188	#8BA7BC
16.7%	16.7% #8EB9C6	RGB 142 185 198	#8EB9C6
33.3%	33.3% #92CED1	RGB 146 206 209	#92CED1
50.0%	50.0% #95DBD0	RGB 149 219 208	#95DBD0
66.7%	66.7% #98E6CA	RGB 152 230 202	#98E6CA
83.3%	83.3% #9AF0C1	RGB 154 240 193	#9AF0C1
100.0%	100.0% #9DFBB5	RGB 157 251 181	#9DFBB5

#8BA7BC #8EB9C6 #92CED1 #95DBD0 #98E6CA #9AF0C1 #9DFBB5

#8BA7BC - #95DBD0 - #9DFBB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8BA7BC 0%, #95DBD0 50%, #9DFBB5 100%);
    background: -webkit-linear-gradient(top, #8BA7BC 0%, #95DBD0 50%, #9DFBB5 100%);
    background: linear-gradient(to bottom, #8BA7BC 0%, #95DBD0 50%, #9DFBB5 100%);
}
</style>