#65CACA - #059C99 | 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 #65CACA a #059C99

#65CACA #059C99

Calcule el color entre dos colores, #65CACA y #059C99. 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)

#65CACA - #059C99 | 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 #65CACA como 0% y #059C99 como 100%.

0.0%	0.0% #65CACA	RGB 101 202 202	#65CACA
16.7%	16.7% #55C2C1	RGB 85 194 193	#55C2C1
33.3%	33.3% #45BAB9	RGB 69 186 185	#45BAB9
50.0%	50.0% #35B3B1	RGB 53 179 177	#35B3B1
66.7%	66.7% #25ABA9	RGB 37 171 169	#25ABA9
83.3%	83.3% #15A3A1	RGB 21 163 161	#15A3A1
100.0%	100.0% #059C99	RGB 5 156 153	#059C99

#65CACA #55C2C1 #45BAB9 #35B3B1 #25ABA9 #15A3A1 #059C99

#65CACA - #059C99

Mezcla HSV

#65CACA - #059C99 | 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 #65CACA como 0% y #059C99 como 100%.

0.0%	0.0% #65CACA	RGB 101 202 202	#65CACA
16.7%	16.7% #52C2C1	RGB 82 194 193	#52C2C1
33.3%	33.3% #40BAB9	RGB 64 186 185	#40BAB9
50.0%	50.0% #2FB3B1	RGB 47 179 177	#2FB3B1
66.7%	66.7% #20ABA9	RGB 32 171 169	#20ABA9
83.3%	83.3% #12A3A1	RGB 18 163 161	#12A3A1
100.0%	100.0% #059C99	RGB 5 156 153	#059C99

#65CACA #52C2C1 #40BAB9 #2FB3B1 #20ABA9 #12A3A1 #059C99

#65CACA - #2FB3B1 - #059C99

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65CACA 0%, #2FB3B1 50%, #059C99 100%);
    background: -webkit-linear-gradient(top, #65CACA 0%, #2FB3B1 50%, #059C99 100%);
    background: linear-gradient(to bottom, #65CACA 0%, #2FB3B1 50%, #059C99 100%);
}
</style>