#BDBD9C - #FFE5AF | 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 #BDBD9C a #FFE5AF

#BDBD9C #FFE5AF

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

#BDBD9C - #FFE5AF | 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 #BDBD9C como 0% y #FFE5AF como 100%.

0.0%	0.0% #BDBD9C	RGB 189 189 156	#BDBD9C
16.7%	16.7% #C8C39F	RGB 200 195 159	#C8C39F
33.3%	33.3% #D3CAA2	RGB 211 202 162	#D3CAA2
50.0%	50.0% #DED1A5	RGB 222 209 165	#DED1A5
66.7%	66.7% #E9D7A8	RGB 233 215 168	#E9D7A8
83.3%	83.3% #F4DEAB	RGB 244 222 171	#F4DEAB
100.0%	100.0% #FFE5AF	RGB 255 229 175	#FFE5AF

#BDBD9C #C8C39F #D3CAA2 #DED1A5 #E9D7A8 #F4DEAB #FFE5AF

#BDBD9C - #FFE5AF

Mezcla HSV

#BDBD9C - #FFE5AF | 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 #BDBD9C como 0% y #FFE5AF como 100%.

0.0%	0.0% #BDBD9C	RGB 189 189 156	#BDBD9C
16.7%	16.7% #C8C5A0	RGB 200 197 160	#C8C5A0
33.3%	33.3% #D3CDA4	RGB 211 205 164	#D3CDA4
50.0%	50.0% #DED5A7	RGB 222 213 167	#DED5A7
66.7%	66.7% #E9DBAA	RGB 233 219 170	#E9DBAA
83.3%	83.3% #F4E0AD	RGB 244 224 173	#F4E0AD
100.0%	100.0% #FFE5AF	RGB 255 229 175	#FFE5AF

#BDBD9C #C8C5A0 #D3CDA4 #DED5A7 #E9DBAA #F4E0AD #FFE5AF

#BDBD9C - #DED5A7 - #FFE5AF

Códigos CSS

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

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