#24B2B2 - #008275 | 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 #24B2B2 a #008275

#24B2B2 #008275

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

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

0.0%	0.0% #24B2B2	RGB 36 178 178	#24B2B2
16.7%	16.7% #1EAAA7	RGB 30 170 167	#1EAAA7
33.3%	33.3% #18A29D	RGB 24 162 157	#18A29D
50.0%	50.0% #129A93	RGB 18 154 147	#129A93
66.7%	66.7% #0C9289	RGB 12 146 137	#0C9289
83.3%	83.3% #068A7F	RGB 6 138 127	#068A7F
100.0%	100.0% #008275	RGB 0 130 117	#008275

#24B2B2 #1EAAA7 #18A29D #129A93 #0C9289 #068A7F #008275

#24B2B2 - #008275

Mezcla HSV

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

0.0%	0.0% #24B2B2	RGB 36 178 178	#24B2B2
16.7%	16.7% #1CAAA7	RGB 28 170 167	#1CAAA7
33.3%	33.3% #15A29D	RGB 21 162 157	#15A29D
50.0%	50.0% #0F9A93	RGB 15 154 147	#0F9A93
66.7%	66.7% #099288	RGB 9 146 136	#099288
83.3%	83.3% #048A7E	RGB 4 138 126	#048A7E
100.0%	100.0% #008275	RGB 0 130 117	#008275

#24B2B2 #1CAAA7 #15A29D #0F9A93 #099288 #048A7E #008275

#24B2B2 - #0F9A93 - #008275

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24B2B2 0%, #0F9A93 50%, #008275 100%);
    background: -webkit-linear-gradient(top, #24B2B2 0%, #0F9A93 50%, #008275 100%);
    background: linear-gradient(to bottom, #24B2B2 0%, #0F9A93 50%, #008275 100%);
}
</style>