#B5EECC - #53C49C | 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 #B5EECC a #53C49C

#B5EECC #53C49C

Calcule el color entre dos colores, #B5EECC y #53C49C. 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)

#B5EECC - #53C49C | 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 #B5EECC como 0% y #53C49C como 100%.

0.0%	0.0% #B5EECC	RGB 181 238 204	#B5EECC
16.7%	16.7% #A4E7C4	RGB 164 231 196	#A4E7C4
33.3%	33.3% #94E0BC	RGB 148 224 188	#94E0BC
50.0%	50.0% #84D9B4	RGB 132 217 180	#84D9B4
66.7%	66.7% #73D2AC	RGB 115 210 172	#73D2AC
83.3%	83.3% #63CBA4	RGB 99 203 164	#63CBA4
100.0%	100.0% #53C49C	RGB 83 196 156	#53C49C

#B5EECC #A4E7C4 #94E0BC #84D9B4 #73D2AC #63CBA4 #53C49C

#B5EECC - #53C49C

Mezcla HSV

#B5EECC - #53C49C | 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 #B5EECC como 0% y #53C49C como 100%.

0.0%	0.0% #B5EECC	RGB 181 238 204	#B5EECC
16.7%	16.7% #A2E7C1	RGB 162 231 193	#A2E7C1
33.3%	33.3% #91E0B7	RGB 145 224 183	#91E0B7
50.0%	50.0% #80D9AE	RGB 128 217 174	#80D9AE
66.7%	66.7% #70D2A7	RGB 112 210 167	#70D2A7
83.3%	83.3% #61CBA1	RGB 97 203 161	#61CBA1
100.0%	100.0% #53C49C	RGB 83 196 156	#53C49C

#B5EECC #A2E7C1 #91E0B7 #80D9AE #70D2A7 #61CBA1 #53C49C

#B5EECC - #80D9AE - #53C49C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EECC 0%, #80D9AE 50%, #53C49C 100%);
    background: -webkit-linear-gradient(top, #B5EECC 0%, #80D9AE 50%, #53C49C 100%);
    background: linear-gradient(to bottom, #B5EECC 0%, #80D9AE 50%, #53C49C 100%);
}
</style>