#00B0B0 - #A8FCB4 | 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 #00B0B0 a #A8FCB4

#00B0B0 #A8FCB4

Calcule el color entre dos colores, #00B0B0 y #A8FCB4. 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)

#00B0B0 - #A8FCB4 | 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 #00B0B0 como 0% y #A8FCB4 como 100%.

0.0%	0.0% #00B0B0	RGB 0 176 176	#00B0B0
16.7%	16.7% #1CBCB0	RGB 28 188 176	#1CBCB0
33.3%	33.3% #38C9B1	RGB 56 201 177	#38C9B1
50.0%	50.0% #54D6B2	RGB 84 214 178	#54D6B2
66.7%	66.7% #70E2B2	RGB 112 226 178	#70E2B2
83.3%	83.3% #8CEFB3	RGB 140 239 179	#8CEFB3
100.0%	100.0% #A8FCB4	RGB 168 252 180	#A8FCB4

#00B0B0 #1CBCB0 #38C9B1 #54D6B2 #70E2B2 #8CEFB3 #A8FCB4

#00B0B0 - #A8FCB4

Mezcla HSV

#00B0B0 - #A8FCB4 | 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 #00B0B0 como 0% y #A8FCB4 como 100%.

0.0%	0.0% #00B0B0	RGB 0 176 176	#00B0B0
16.7%	16.7% #14BCA4	RGB 20 188 164	#14BCA4
33.3%	33.3% #2CC99C	RGB 44 201 156	#2CC99C
50.0%	50.0% #47D698	RGB 71 214 152	#47D698
66.7%	66.7% #64E29A	RGB 100 226 154	#64E29A
83.3%	83.3% #84EFA3	RGB 132 239 163	#84EFA3
100.0%	100.0% #A8FCB4	RGB 168 252 180	#A8FCB4

#00B0B0 #14BCA4 #2CC99C #47D698 #64E29A #84EFA3 #A8FCB4

#00B0B0 - #47D698 - #A8FCB4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B0B0 0%, #47D698 50%, #A8FCB4 100%);
    background: -webkit-linear-gradient(top, #00B0B0 0%, #47D698 50%, #A8FCB4 100%);
    background: linear-gradient(to bottom, #00B0B0 0%, #47D698 50%, #A8FCB4 100%);
}
</style>