#00A175 - #B6E4D7 | 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 #00A175 a #B6E4D7

#00A175 #B6E4D7

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

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

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #1EAC85	RGB 30 172 133	#1EAC85
33.3%	33.3% #3CB795	RGB 60 183 149	#3CB795
50.0%	50.0% #5BC2A6	RGB 91 194 166	#5BC2A6
66.7%	66.7% #79CDB6	RGB 121 205 182	#79CDB6
83.3%	83.3% #97D8C6	RGB 151 216 198	#97D8C6
100.0%	100.0% #B6E4D7	RGB 182 228 215	#B6E4D7

#00A175 #1EAC85 #3CB795 #5BC2A6 #79CDB6 #97D8C6 #B6E4D7

#00A175 - #B6E4D7

Mezcla HSV

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

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #16AC83	RGB 22 172 131	#16AC83
33.3%	33.3% #30B792	RGB 48 183 146	#30B792
50.0%	50.0% #4DC2A2	RGB 77 194 162	#4DC2A2
66.7%	66.7% #6DCDB2	RGB 109 205 178	#6DCDB2
83.3%	83.3% #90D8C4	RGB 144 216 196	#90D8C4
100.0%	100.0% #B6E4D7	RGB 182 228 215	#B6E4D7

#00A175 #16AC83 #30B792 #4DC2A2 #6DCDB2 #90D8C4 #B6E4D7

#00A175 - #4DC2A2 - #B6E4D7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A175 0%, #4DC2A2 50%, #B6E4D7 100%);
    background: -webkit-linear-gradient(top, #00A175 0%, #4DC2A2 50%, #B6E4D7 100%);
    background: linear-gradient(to bottom, #00A175 0%, #4DC2A2 50%, #B6E4D7 100%);
}
</style>