#CF8F8F - #FDDAB2 | 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 #CF8F8F a #FDDAB2

#CF8F8F #FDDAB2

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

#CF8F8F - #FDDAB2 | 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 #CF8F8F como 0% y #FDDAB2 como 100%.

0.0%	0.0% #CF8F8F	RGB 207 143 143	#CF8F8F
16.7%	16.7% #D69B94	RGB 214 155 148	#D69B94
33.3%	33.3% #DEA89A	RGB 222 168 154	#DEA89A
50.0%	50.0% #E6B4A0	RGB 230 180 160	#E6B4A0
66.7%	66.7% #EDC1A6	RGB 237 193 166	#EDC1A6
83.3%	83.3% #F5CDAC	RGB 245 205 172	#F5CDAC
100.0%	100.0% #FDDAB2	RGB 253 218 178	#FDDAB2

#CF8F8F #D69B94 #DEA89A #E6B4A0 #EDC1A6 #F5CDAC #FDDAB2

#CF8F8F - #FDDAB2

Mezcla HSV

#CF8F8F - #FDDAB2 | 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 #CF8F8F como 0% y #FDDAB2 como 100%.

0.0%	0.0% #CF8F8F	RGB 207 143 143	#CF8F8F
16.7%	16.7% #D69A94	RGB 214 154 148	#D69A94
33.3%	33.3% #DEA69A	RGB 222 166 154	#DEA69A
50.0%	50.0% #E6B2A0	RGB 230 178 160	#E6B2A0
66.7%	66.7% #EDBFA6	RGB 237 191 166	#EDBFA6
83.3%	83.3% #F5CCAC	RGB 245 204 172	#F5CCAC
100.0%	100.0% #FDDAB2	RGB 253 218 178	#FDDAB2

#CF8F8F #D69A94 #DEA69A #E6B2A0 #EDBFA6 #F5CCAC #FDDAB2

#CF8F8F - #E6B2A0 - #FDDAB2

Códigos CSS

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

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