#00BA8D - #D7FFA3 | 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 #00BA8D a #D7FFA3

#00BA8D #D7FFA3

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

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

0.0%	0.0% #00BA8D	RGB 0 186 141	#00BA8D
16.7%	16.7% #23C590	RGB 35 197 144	#23C590
33.3%	33.3% #47D194	RGB 71 209 148	#47D194
50.0%	50.0% #6BDC98	RGB 107 220 152	#6BDC98
66.7%	66.7% #8FE89B	RGB 143 232 155	#8FE89B
83.3%	83.3% #B3F39F	RGB 179 243 159	#B3F39F
100.0%	100.0% #D7FFA3	RGB 215 255 163	#D7FFA3

#00BA8D #23C590 #47D194 #6BDC98 #8FE89B #B3F39F #D7FFA3

#00BA8D - #D7FFA3

Mezcla HSV

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

0.0%	0.0% #00BA8D	RGB 0 186 141	#00BA8D
16.7%	16.7% #15C573	RGB 21 197 115	#15C573
33.3%	33.3% #2CD160	RGB 44 209 96	#2CD160
50.0%	50.0% #46DC54	RGB 70 220 84	#46DC54
66.7%	66.7% #73E862	RGB 115 232 98	#73E862
83.3%	83.3% #A8F381	RGB 168 243 129	#A8F381
100.0%	100.0% #D7FFA3	RGB 215 255 163	#D7FFA3

#00BA8D #15C573 #2CD160 #46DC54 #73E862 #A8F381 #D7FFA3

#00BA8D - #46DC54 - #D7FFA3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA8D 0%, #46DC54 50%, #D7FFA3 100%);
    background: -webkit-linear-gradient(top, #00BA8D 0%, #46DC54 50%, #D7FFA3 100%);
    background: linear-gradient(to bottom, #00BA8D 0%, #46DC54 50%, #D7FFA3 100%);
}
</style>