#FF6B6B - #FECE8D | 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 #FF6B6B a #FECE8D

#FF6B6B #FECE8D

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

#FF6B6B - #FECE8D | 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 #FF6B6B como 0% y #FECE8D como 100%.

0.0%	0.0% #FF6B6B	RGB 255 107 107	#FF6B6B
16.7%	16.7% #FE7B70	RGB 254 123 112	#FE7B70
33.3%	33.3% #FE8C76	RGB 254 140 118	#FE8C76
50.0%	50.0% #FE9C7C	RGB 254 156 124	#FE9C7C
66.7%	66.7% #FEAD81	RGB 254 173 129	#FEAD81
83.3%	83.3% #FEBD87	RGB 254 189 135	#FEBD87
100.0%	100.0% #FECE8D	RGB 254 206 141	#FECE8D

#FF6B6B #FE7B70 #FE8C76 #FE9C7C #FEAD81 #FEBD87 #FECE8D

#FF6B6B - #FECE8D

Mezcla HSV

#FF6B6B - #FECE8D | 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 #FF6B6B como 0% y #FECE8D como 100%.

0.0%	0.0% #FF6B6B	RGB 255 107 107	#FF6B6B
16.7%	16.7% #FE7E70	RGB 254 126 112	#FE7E70
33.3%	33.3% #FE9076	RGB 254 144 118	#FE9076
50.0%	50.0% #FEA17C	RGB 254 161 124	#FEA17C
66.7%	66.7% #FEB181	RGB 254 177 129	#FEB181
83.3%	83.3% #FEC087	RGB 254 192 135	#FEC087
100.0%	100.0% #FECE8D	RGB 254 206 141	#FECE8D

#FF6B6B #FE7E70 #FE9076 #FEA17C #FEB181 #FEC087 #FECE8D

#FF6B6B - #FEA17C - #FECE8D

Códigos CSS

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

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