#BEBEBE - #FFEED7 | 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 #BEBEBE a #FFEED7

#BEBEBE #FFEED7

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

#BEBEBE - #FFEED7 | 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 #BEBEBE como 0% y #FFEED7 como 100%.

0.0%	0.0% #BEBEBE	RGB 190 190 190	#BEBEBE
16.7%	16.7% #C8C6C2	RGB 200 198 194	#C8C6C2
33.3%	33.3% #D3CEC6	RGB 211 206 198	#D3CEC6
50.0%	50.0% #DED6CA	RGB 222 214 202	#DED6CA
66.7%	66.7% #E9DECE	RGB 233 222 206	#E9DECE
83.3%	83.3% #F4E6D2	RGB 244 230 210	#F4E6D2
100.0%	100.0% #FFEED7	RGB 255 238 215	#FFEED7

#BEBEBE #C8C6C2 #D3CEC6 #DED6CA #E9DECE #F4E6D2 #FFEED7

#BEBEBE - #FFEED7

Mezcla HSV

#BEBEBE - #FFEED7 | 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 #BEBEBE como 0% y #FFEED7 como 100%.

0.0%	0.0% #BEBEBE	RGB 190 190 190	#BEBEBE
16.7%	16.7% #C8C4C3	RGB 200 196 195	#C8C4C3
33.3%	33.3% #D3CAC8	RGB 211 202 200	#D3CAC8
50.0%	50.0% #DED2CD	RGB 222 210 205	#DED2CD
66.7%	66.7% #E9DAD0	RGB 233 218 208	#E9DAD0
83.3%	83.3% #F4E3D4	RGB 244 227 212	#F4E3D4
100.0%	100.0% #FFEED7	RGB 255 238 215	#FFEED7

#BEBEBE #C8C4C3 #D3CAC8 #DED2CD #E9DAD0 #F4E3D4 #FFEED7

#BEBEBE - #DED2CD - #FFEED7

Códigos CSS

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

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