#9FBA66 - #FFE78B | 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 #9FBA66 a #FFE78B

#9FBA66 #FFE78B

Calcule el color entre dos colores, #9FBA66 y #FFE78B. 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)

#9FBA66 - #FFE78B | 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 #9FBA66 como 0% y #FFE78B como 100%.

0.0%	0.0% #9FBA66	RGB 159 186 102	#9FBA66
16.7%	16.7% #AFC16C	RGB 175 193 108	#AFC16C
33.3%	33.3% #BFC972	RGB 191 201 114	#BFC972
50.0%	50.0% #CFD078	RGB 207 208 120	#CFD078
66.7%	66.7% #DFD87E	RGB 223 216 126	#DFD87E
83.3%	83.3% #EFDF84	RGB 239 223 132	#EFDF84
100.0%	100.0% #FFE78B	RGB 255 231 139	#FFE78B

#9FBA66 #AFC16C #BFC972 #CFD078 #DFD87E #EFDF84 #FFE78B

#9FBA66 - #FFE78B

Mezcla HSV

#9FBA66 - #FFE78B | 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 #9FBA66 como 0% y #FFE78B como 100%.

0.0%	0.0% #9FBA66	RGB 159 186 102	#9FBA66
16.7%	16.7% #B0C56C	RGB 176 197 108	#B0C56C
33.3%	33.3% #C3D172	RGB 195 209 114	#C3D172
50.0%	50.0% #D6DC78	RGB 214 220 120	#D6DC78
66.7%	66.7% #E8E47E	RGB 232 228 126	#E8E47E
83.3%	83.3% #F3E684	RGB 243 230 132	#F3E684
100.0%	100.0% #FFE78B	RGB 255 231 139	#FFE78B

#9FBA66 #B0C56C #C3D172 #D6DC78 #E8E47E #F3E684 #FFE78B

#9FBA66 - #D6DC78 - #FFE78B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FBA66 0%, #D6DC78 50%, #FFE78B 100%);
    background: -webkit-linear-gradient(top, #9FBA66 0%, #D6DC78 50%, #FFE78B 100%);
    background: linear-gradient(to bottom, #9FBA66 0%, #D6DC78 50%, #FFE78B 100%);
}
</style>