#24B6B6 - #B9EFB0 | 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 #24B6B6 a #B9EFB0

#24B6B6 #B9EFB0

Calcule el color entre dos colores, #24B6B6 y #B9EFB0. 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)

#24B6B6 - #B9EFB0 | 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 #24B6B6 como 0% y #B9EFB0 como 100%.

0.0%	0.0% #24B6B6	RGB 36 182 182	#24B6B6
16.7%	16.7% #3CBFB5	RGB 60 191 181	#3CBFB5
33.3%	33.3% #55C9B4	RGB 85 201 180	#55C9B4
50.0%	50.0% #6ED2B3	RGB 110 210 179	#6ED2B3
66.7%	66.7% #87DCB2	RGB 135 220 178	#87DCB2
83.3%	83.3% #A0E5B1	RGB 160 229 177	#A0E5B1
100.0%	100.0% #B9EFB0	RGB 185 239 176	#B9EFB0

#24B6B6 #3CBFB5 #55C9B4 #6ED2B3 #87DCB2 #A0E5B1 #B9EFB0

#24B6B6 - #B9EFB0

Mezcla HSV

#24B6B6 - #B9EFB0 | 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 #24B6B6 como 0% y #B9EFB0 como 100%.

0.0%	0.0% #23B6B6	RGB 35 182 182	#23B6B6
16.7%	16.7% #37BFA5	RGB 55 191 165	#37BFA5
33.3%	33.3% #4BC999	RGB 75 201 153	#4BC999
50.0%	50.0% #62D292	RGB 98 210 146	#62D292
66.7%	66.7% #7ADC91	RGB 122 220 145	#7ADC91
83.3%	83.3% #94E598	RGB 148 229 152	#94E598
100.0%	100.0% #B9EFB0	RGB 185 239 176	#B9EFB0

#23B6B6 #37BFA5 #4BC999 #62D292 #7ADC91 #94E598 #B9EFB0

#24B6B6 - #62D292 - #B9EFB0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #23B6B6 0%, #62D292 50%, #B9EFB0 100%);
    background: -webkit-linear-gradient(top, #23B6B6 0%, #62D292 50%, #B9EFB0 100%);
    background: linear-gradient(to bottom, #23B6B6 0%, #62D292 50%, #B9EFB0 100%);
}
</style>