#CE905C - #FFD17B | 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 #CE905C a #FFD17B

#CE905C #FFD17B

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

#CE905C - #FFD17B | 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 #CE905C como 0% y #FFD17B como 100%.

0.0%	0.0% #CE905C	RGB 206 144 92	#CE905C
16.7%	16.7% #D69A61	RGB 214 154 97	#D69A61
33.3%	33.3% #DEA566	RGB 222 165 102	#DEA566
50.0%	50.0% #E6B06B	RGB 230 176 107	#E6B06B
66.7%	66.7% #EEBB70	RGB 238 187 112	#EEBB70
83.3%	83.3% #F6C675	RGB 246 198 117	#F6C675
100.0%	100.0% #FFD17B	RGB 255 209 123	#FFD17B

#CE905C #D69A61 #DEA566 #E6B06B #EEBB70 #F6C675 #FFD17B

#CE905C - #FFD17B

Mezcla HSV

#CE905C - #FFD17B | 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 #CE905C como 0% y #FFD17B como 100%.

0.0%	0.0% #CE905C	RGB 206 144 92	#CE905C
16.7%	16.7% #D69A60	RGB 214 154 96	#D69A60
33.3%	33.3% #DEA465	RGB 222 164 101	#DEA465
50.0%	50.0% #E6AF6B	RGB 230 175 107	#E6AF6B
66.7%	66.7% #EEBA70	RGB 238 186 112	#EEBA70
83.3%	83.3% #F6C575	RGB 246 197 117	#F6C575
100.0%	100.0% #FFD17B	RGB 255 209 123	#FFD17B

#CE905C #D69A60 #DEA465 #E6AF6B #EEBA70 #F6C575 #FFD17B

#CE905C - #E6AF6B - #FFD17B

Códigos CSS

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

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