#24AB9D - #C0E7E3 | 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 #24AB9D a #C0E7E3

#24AB9D #C0E7E3

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

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

0.0%	0.0% #24AB9D	RGB 36 171 157	#24AB9D
16.7%	16.7% #3EB5A8	RGB 62 181 168	#3EB5A8
33.3%	33.3% #58BFB4	RGB 88 191 180	#58BFB4
50.0%	50.0% #72C9C0	RGB 114 201 192	#72C9C0
66.7%	66.7% #8CD3CB	RGB 140 211 203	#8CD3CB
83.3%	83.3% #A6DDD7	RGB 166 221 215	#A6DDD7
100.0%	100.0% #C0E7E3	RGB 192 231 227	#C0E7E3

#24AB9D #3EB5A8 #58BFB4 #72C9C0 #8CD3CB #A6DDD7 #C0E7E3

#24AB9D - #C0E7E3

Mezcla HSV

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

0.0%	0.0% #24AB9D	RGB 36 171 157	#24AB9D
16.7%	16.7% #38B5A8	RGB 56 181 168	#38B5A8
33.3%	33.3% #4FBFB3	RGB 79 191 179	#4FBFB3
50.0%	50.0% #68C9BF	RGB 104 201 191	#68C9BF
66.7%	66.7% #83D3CA	RGB 131 211 202	#83D3CA
83.3%	83.3% #A0DDD6	RGB 160 221 214	#A0DDD6
100.0%	100.0% #C0E7E3	RGB 192 231 227	#C0E7E3

#24AB9D #38B5A8 #4FBFB3 #68C9BF #83D3CA #A0DDD6 #C0E7E3

#24AB9D - #68C9BF - #C0E7E3

Códigos CSS

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

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