#B9C92D - #768C0C | 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 #B9C92D a #768C0C

#B9C92D #768C0C

Calcule el color entre dos colores, #B9C92D y #768C0C. 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)

#B9C92D - #768C0C | 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 #B9C92D como 0% y #768C0C como 100%.

0.0%	0.0% #B9C92D	RGB 185 201 45	#B9C92D
16.7%	16.7% #ADBE27	RGB 173 190 39	#ADBE27
33.3%	33.3% #A2B422	RGB 162 180 34	#A2B422
50.0%	50.0% #97AA1C	RGB 151 170 28	#97AA1C
66.7%	66.7% #8CA017	RGB 140 160 23	#8CA017
83.3%	83.3% #819611	RGB 129 150 17	#819611
100.0%	100.0% #768C0C	RGB 118 140 12	#768C0C

#B9C92D #ADBE27 #A2B422 #97AA1C #8CA017 #819611 #768C0C

#B9C92D - #768C0C

Mezcla HSV

#B9C92D - #768C0C | 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 #B9C92D como 0% y #768C0C como 100%.

0.0%	0.0% #B9C92D	RGB 185 201 45	#B9C92D
16.7%	16.7% #ADBE26	RGB 173 190 38	#ADBE26
33.3%	33.3% #A2B420	RGB 162 180 32	#A2B420
50.0%	50.0% #96AA1A	RGB 150 170 26	#96AA1A
66.7%	66.7% #8BA015	RGB 139 160 21	#8BA015
83.3%	83.3% #809610	RGB 128 150 16	#809610
100.0%	100.0% #768C0C	RGB 118 140 12	#768C0C

#B9C92D #ADBE26 #A2B420 #96AA1A #8BA015 #809610 #768C0C

#B9C92D - #96AA1A - #768C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C92D 0%, #96AA1A 50%, #768C0C 100%);
    background: -webkit-linear-gradient(top, #B9C92D 0%, #96AA1A 50%, #768C0C 100%);
    background: linear-gradient(to bottom, #B9C92D 0%, #96AA1A 50%, #768C0C 100%);
}
</style>