#F5E3E6 - #CB9BA3 | 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 #F5E3E6 a #CB9BA3

#F5E3E6 #CB9BA3

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

#F5E3E6 - #CB9BA3 | 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 #F5E3E6 como 0% y #CB9BA3 como 100%.

0.0%	0.0% #F5E3E6	RGB 245 227 230	#F5E3E6
16.7%	16.7% #EED7DA	RGB 238 215 218	#EED7DA
33.3%	33.3% #E7CBCF	RGB 231 203 207	#E7CBCF
50.0%	50.0% #E0BFC4	RGB 224 191 196	#E0BFC4
66.7%	66.7% #D9B3B9	RGB 217 179 185	#D9B3B9
83.3%	83.3% #D2A7AE	RGB 210 167 174	#D2A7AE
100.0%	100.0% #CB9BA3	RGB 203 155 163	#CB9BA3

#F5E3E6 #EED7DA #E7CBCF #E0BFC4 #D9B3B9 #D2A7AE #CB9BA3

#F5E3E6 - #CB9BA3

Mezcla HSV

#F5E3E6 - #CB9BA3 | 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 #F5E3E6 como 0% y #CB9BA3 como 100%.

0.0%	0.0% #F5E3E6	RGB 245 227 230	#F5E3E6
16.7%	16.7% #EED6DA	RGB 238 214 218	#EED6DA
33.3%	33.3% #E7C9CE	RGB 231 201 206	#E7C9CE
50.0%	50.0% #E0BDC3	RGB 224 189 195	#E0BDC3
66.7%	66.7% #D9B1B8	RGB 217 177 184	#D9B1B8
83.3%	83.3% #D2A6AD	RGB 210 166 173	#D2A6AD
100.0%	100.0% #CB9BA3	RGB 203 155 163	#CB9BA3

#F5E3E6 #EED6DA #E7C9CE #E0BDC3 #D9B1B8 #D2A6AD #CB9BA3

#F5E3E6 - #E0BDC3 - #CB9BA3

Códigos CSS

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

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