#00D3A0 - #F2FFA7 | 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 #00D3A0 a #F2FFA7

#00D3A0 #F2FFA7

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

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

0.0%	0.0% #00D3A0	RGB 0 211 160	#00D3A0
16.7%	16.7% #28DAA1	RGB 40 218 161	#28DAA1
33.3%	33.3% #50E1A2	RGB 80 225 162	#50E1A2
50.0%	50.0% #79E9A3	RGB 121 233 163	#79E9A3
66.7%	66.7% #A1F0A4	RGB 161 240 164	#A1F0A4
83.3%	83.3% #C9F7A5	RGB 201 247 165	#C9F7A5
100.0%	100.0% #F2FFA7	RGB 242 255 167	#F2FFA7

#00D3A0 #28DAA1 #50E1A2 #79E9A3 #A1F0A4 #C9F7A5 #F2FFA7

#00D3A0 - #F2FFA7

Mezcla HSV

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

0.0%	0.0% #00D3A0	RGB 0 211 160	#00D3A0
16.7%	16.7% #17DA77	RGB 23 218 119	#17DA77
33.3%	33.3% #31E158	RGB 49 225 88	#31E158
50.0%	50.0% #53E94C	RGB 83 233 76	#53E94C
66.7%	66.7% #93F068	RGB 147 240 104	#93F068
83.3%	83.3% #C8F787	RGB 200 247 135	#C8F787
100.0%	100.0% #F2FFA7	RGB 242 255 167	#F2FFA7

#00D3A0 #17DA77 #31E158 #53E94C #93F068 #C8F787 #F2FFA7

#00D3A0 - #53E94C - #F2FFA7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D3A0 0%, #53E94C 50%, #F2FFA7 100%);
    background: -webkit-linear-gradient(top, #00D3A0 0%, #53E94C 50%, #F2FFA7 100%);
    background: linear-gradient(to bottom, #00D3A0 0%, #53E94C 50%, #F2FFA7 100%);
}
</style>