#00A175 - #BEFD9A | 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 #BEFD9A

#00A175 #BEFD9A

Calcule el color entre dos colores, #00A175 y #BEFD9A. 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 - #BEFD9A | 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 #BEFD9A como 100%.

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #1FB07B	RGB 31 176 123	#1FB07B
33.3%	33.3% #3FBF81	RGB 63 191 129	#3FBF81
50.0%	50.0% #5FCF87	RGB 95 207 135	#5FCF87
66.7%	66.7% #7EDE8D	RGB 126 222 141	#7EDE8D
83.3%	83.3% #9EED93	RGB 158 237 147	#9EED93
100.0%	100.0% #BEFD9A	RGB 190 253 154	#BEFD9A

#00A175 #1FB07B #3FBF81 #5FCF87 #7EDE8D #9EED93 #BEFD9A

#00A175 - #BEFD9A

Mezcla HSV

#00A175 - #BEFD9A | 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 #BEFD9A como 100%.

0.0%	0.0% #00A175	RGB 0 161 117	#00A175
16.7%	16.7% #11B068	RGB 17 176 104	#11B068
33.3%	33.3% #26BF5E	RGB 38 191 94	#26BF5E
50.0%	50.0% #3FCF59	RGB 63 207 89	#3FCF59
66.7%	66.7% #5ADE5A	RGB 90 222 90	#5ADE5A
83.3%	83.3% #8DED78	RGB 141 237 120	#8DED78
100.0%	100.0% #BEFD9A	RGB 190 253 154	#BEFD9A

#00A175 #11B068 #26BF5E #3FCF59 #5ADE5A #8DED78 #BEFD9A

#00A175 - #3FCF59 - #BEFD9A

Códigos CSS

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

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