#B7EB6B - #FFF699 | 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 #B7EB6B a #FFF699

#B7EB6B #FFF699

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

#B7EB6B - #FFF699 | 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 #B7EB6B como 0% y #FFF699 como 100%.

0.0%	0.0% #B7EB6B	RGB 183 235 107	#B7EB6B
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% #E7F289	RGB 231 242 137	#E7F289
83.3%	83.3% #F3F491	RGB 243 244 145	#F3F491
100.0%	100.0% #FFF699	RGB 255 246 153	#FFF699

#B7EB6B #C3EC72 #CFEE7A #DBF082 #E7F289 #F3F491 #FFF699

#B7EB6B - #FFF699

Mezcla HSV

#B7EB6B - #FFF699 | 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 #B7EB6B como 0% y #FFF699 como 100%.

0.0%	0.0% #B7EB6B	RGB 183 235 107	#B7EB6B
16.7%	16.7% #C6EE72	RGB 198 238 114	#C6EE72
33.3%	33.3% #D4F179	RGB 212 241 121	#D4F179
50.0%	50.0% #E2F581	RGB 226 245 129	#E2F581
66.7%	66.7% #EFF889	RGB 239 248 137	#EFF889
83.3%	83.3% #FBFB90	RGB 251 251 144	#FBFB90
100.0%	100.0% #FFF699	RGB 255 246 153	#FFF699

#B7EB6B #C6EE72 #D4F179 #E2F581 #EFF889 #FBFB90 #FFF699

#B7EB6B - #E2F581 - #FFF699

Códigos CSS

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

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