#CF6B6B - #FEBF8C | 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 #CF6B6B a #FEBF8C

#CF6B6B #FEBF8C

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

#CF6B6B - #FEBF8C | 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 #CF6B6B como 0% y #FEBF8C como 100%.

0.0%	0.0% #CF6B6B	RGB 207 107 107	#CF6B6B
16.7%	16.7% #D67970	RGB 214 121 112	#D67970
33.3%	33.3% #DE8776	RGB 222 135 118	#DE8776
50.0%	50.0% #E6957B	RGB 230 149 123	#E6957B
66.7%	66.7% #EEA381	RGB 238 163 129	#EEA381
83.3%	83.3% #F6B186	RGB 246 177 134	#F6B186
100.0%	100.0% #FEBF8C	RGB 254 191 140	#FEBF8C

#CF6B6B #D67970 #DE8776 #E6957B #EEA381 #F6B186 #FEBF8C

#CF6B6B - #FEBF8C

Mezcla HSV

#CF6B6B - #FEBF8C | 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 #CF6B6B como 0% y #FEBF8C como 100%.

0.0%	0.0% #CF6B6B	RGB 207 107 107	#CF6B6B
16.7%	16.7% #D67770	RGB 214 119 112	#D67770
33.3%	33.3% #DE8575	RGB 222 133 117	#DE8575
50.0%	50.0% #E6937B	RGB 230 147 123	#E6937B
66.7%	66.7% #EEA180	RGB 238 161 128	#EEA180
83.3%	83.3% #F6AF86	RGB 246 175 134	#F6AF86
100.0%	100.0% #FEBF8C	RGB 254 191 140	#FEBF8C

#CF6B6B #D67770 #DE8575 #E6937B #EEA180 #F6AF86 #FEBF8C

#CF6B6B - #E6937B - #FEBF8C

Códigos CSS

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

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