#00947D - #A2EF9F | 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 #00947D a #A2EF9F

#00947D #A2EF9F

Calcule el color entre dos colores, #00947D y #A2EF9F. 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)

#00947D - #A2EF9F | 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 #00947D como 0% y #A2EF9F como 100%.

0.0%	0.0% #00947D	RGB 0 148 125	#00947D
16.7%	16.7% #1BA382	RGB 27 163 130	#1BA382
33.3%	33.3% #36B288	RGB 54 178 136	#36B288
50.0%	50.0% #51C18E	RGB 81 193 142	#51C18E
66.7%	66.7% #6CD093	RGB 108 208 147	#6CD093
83.3%	83.3% #87DF99	RGB 135 223 153	#87DF99
100.0%	100.0% #A2EF9F	RGB 162 239 159	#A2EF9F

#00947D #1BA382 #36B288 #51C18E #6CD093 #87DF99 #A2EF9F

#00947D - #A2EF9F

Mezcla HSV

#00947D - #A2EF9F | 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 #00947D como 0% y #A2EF9F como 100%.

0.0%	0.0% #00947D	RGB 0 148 125	#00947D
16.7%	16.7% #12A377	RGB 18 163 119	#12A377
33.3%	33.3% #27B273	RGB 39 178 115	#27B273
50.0%	50.0% #40C174	RGB 64 193 116	#40C174
66.7%	66.7% #5CD07A	RGB 92 208 122	#5CD07A
83.3%	83.3% #7CDF87	RGB 124 223 135	#7CDF87
100.0%	100.0% #A2EF9F	RGB 162 239 159	#A2EF9F

#00947D #12A377 #27B273 #40C174 #5CD07A #7CDF87 #A2EF9F

#00947D - #40C174 - #A2EF9F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00947D 0%, #40C174 50%, #A2EF9F 100%);
    background: -webkit-linear-gradient(top, #00947D 0%, #40C174 50%, #A2EF9F 100%);
    background: linear-gradient(to bottom, #00947D 0%, #40C174 50%, #A2EF9F 100%);
}
</style>