#00AD74 - #BDFBAB | 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 #00AD74 a #BDFBAB

#00AD74 #BDFBAB

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

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

0.0%	0.0% #00AD74	RGB 0 173 116	#00AD74
16.7%	16.7% #1FBA7D	RGB 31 186 125	#1FBA7D
33.3%	33.3% #3FC786	RGB 63 199 134	#3FC786
50.0%	50.0% #5ED48F	RGB 94 212 143	#5ED48F
66.7%	66.7% #7EE198	RGB 126 225 152	#7EE198
83.3%	83.3% #9DEEA1	RGB 157 238 161	#9DEEA1
100.0%	100.0% #BDFBAB	RGB 189 251 171	#BDFBAB

#00AD74 #1FBA7D #3FC786 #5ED48F #7EE198 #9DEEA1 #BDFBAB

#00AD74 - #BDFBAB

Mezcla HSV

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

0.0%	0.0% #00AD74	RGB 0 173 116	#00AD74
16.7%	16.7% #15BA6B	RGB 21 186 107	#15BA6B
33.3%	33.3% #2DC766	RGB 45 199 102	#2DC766
50.0%	50.0% #48D467	RGB 72 212 103	#48D467
66.7%	66.7% #66E16F	RGB 102 225 111	#66E16F
83.3%	83.3% #8EEE87	RGB 142 238 135	#8EEE87
100.0%	100.0% #BDFBAB	RGB 189 251 171	#BDFBAB

#00AD74 #15BA6B #2DC766 #48D467 #66E16F #8EEE87 #BDFBAB

#00AD74 - #48D467 - #BDFBAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AD74 0%, #48D467 50%, #BDFBAB 100%);
    background: -webkit-linear-gradient(top, #00AD74 0%, #48D467 50%, #BDFBAB 100%);
    background: linear-gradient(to bottom, #00AD74 0%, #48D467 50%, #BDFBAB 100%);
}
</style>