#24A0B2 - #C0E3E9 | 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 #24A0B2 a #C0E3E9

#24A0B2 #C0E3E9

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

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

0.0%	0.0% #24A0B2	RGB 36 160 178	#24A0B2
16.7%	16.7% #3EABBB	RGB 62 171 187	#3EABBB
33.3%	33.3% #58B6C4	RGB 88 182 196	#58B6C4
50.0%	50.0% #72C1CD	RGB 114 193 205	#72C1CD
66.7%	66.7% #8CCCD6	RGB 140 204 214	#8CCCD6
83.3%	83.3% #A6D7DF	RGB 166 215 223	#A6D7DF
100.0%	100.0% #C0E3E9	RGB 192 227 233	#C0E3E9

#24A0B2 #3EABBB #58B6C4 #72C1CD #8CCCD6 #A6D7DF #C0E3E9

#24A0B2 - #C0E3E9

Mezcla HSV

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

0.0%	0.0% #24A0B2	RGB 36 160 178	#24A0B2
16.7%	16.7% #39AABB	RGB 57 170 187	#39AABB
33.3%	33.3% #50B4C4	RGB 80 180 196	#50B4C4
50.0%	50.0% #69BFCD	RGB 105 191 205	#69BFCD
66.7%	66.7% #84CBD6	RGB 132 203 214	#84CBD6
83.3%	83.3% #A1D6DF	RGB 161 214 223	#A1D6DF
100.0%	100.0% #C0E3E9	RGB 192 227 233	#C0E3E9

#24A0B2 #39AABB #50B4C4 #69BFCD #84CBD6 #A1D6DF #C0E3E9

#24A0B2 - #69BFCD - #C0E3E9

Códigos CSS

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

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