#B9C92D - #FFEE66 | 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 #FFEE66

#B9C92D #FFEE66

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

0.0%	0.0% #B9C92D	RGB 185 201 45	#B9C92D
16.7%	16.7% #C4CF36	RGB 196 207 54	#C4CF36
33.3%	33.3% #D0D540	RGB 208 213 64	#D0D540
50.0%	50.0% #DCDB49	RGB 220 219 73	#DCDB49
66.7%	66.7% #E7E153	RGB 231 225 83	#E7E153
83.3%	83.3% #F3E75C	RGB 243 231 92	#F3E75C
100.0%	100.0% #FFEE66	RGB 255 238 102	#FFEE66

#B9C92D #C4CF36 #D0D540 #DCDB49 #E7E153 #F3E75C #FFEE66

#B9C92D - #FFEE66

Mezcla HSV

#B9C92D - #FFEE66 | 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 #FFEE66 como 100%.

0.0%	0.0% #B9C92D	RGB 185 201 45	#B9C92D
16.7%	16.7% #C7D235	RGB 199 210 53	#C7D235
33.3%	33.3% #D6DB3D	RGB 214 219 61	#D6DB3D
50.0%	50.0% #E4E347	RGB 228 227 71	#E4E347
66.7%	66.7% #EDE650	RGB 237 230 80	#EDE650
83.3%	83.3% #F6EA5B	RGB 246 234 91	#F6EA5B
100.0%	100.0% #FFEE66	RGB 255 238 102	#FFEE66

#B9C92D #C7D235 #D6DB3D #E4E347 #EDE650 #F6EA5B #FFEE66

#B9C92D - #E4E347 - #FFEE66

Códigos CSS

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

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