#B8EB6B - #FFF599 | 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 #B8EB6B a #FFF599

#B8EB6B #FFF599

Calcule el color entre dos colores, #B8EB6B y #FFF599. 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)

#B8EB6B - #FFF599 | 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 #B8EB6B como 0% y #FFF599 como 100%.

0.0%	0.0% #B8EB6B	RGB 184 235 107	#B8EB6B
16.7%	16.7% #C3EC72	RGB 195 236 114	#C3EC72
33.3%	33.3% #CFEE7A	RGB 207 238 122	#CFEE7A
50.0%	50.0% #DBF082	RGB 219 240 130	#DBF082
66.7%	66.7% #E7F189	RGB 231 241 137	#E7F189
83.3%	83.3% #F3F391	RGB 243 243 145	#F3F391
100.0%	100.0% #FFF599	RGB 255 245 153	#FFF599

#B8EB6B #C3EC72 #CFEE7A #DBF082 #E7F189 #F3F391 #FFF599

#B8EB6B - #FFF599

Mezcla HSV

#B8EB6B - #FFF599 | 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 #B8EB6B como 0% y #FFF599 como 100%.

0.0%	0.0% #B8EB6B	RGB 184 235 107	#B8EB6B
16.7%	16.7% #C7EE72	RGB 199 238 114	#C7EE72
33.3%	33.3% #D5F179	RGB 213 241 121	#D5F179
50.0%	50.0% #E3F581	RGB 227 245 129	#E3F581
66.7%	66.7% #F0F889	RGB 240 248 137	#F0F889
83.3%	83.3% #FBFA90	RGB 251 250 144	#FBFA90
100.0%	100.0% #FFF599	RGB 255 245 153	#FFF599

#B8EB6B #C7EE72 #D5F179 #E3F581 #F0F889 #FBFA90 #FFF599

#B8EB6B - #E3F581 - #FFF599

Códigos CSS

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

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