#CC5E5E - #F0D1D1 | 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 #CC5E5E a #F0D1D1

#CC5E5E #F0D1D1

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

#CC5E5E - #F0D1D1 | 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 #CC5E5E como 0% y #F0D1D1 como 100%.

0.0%	0.0% #CC5E5E	RGB 204 94 94	#CC5E5E
16.7%	16.7% #D27171	RGB 210 113 113	#D27171
33.3%	33.3% #D88484	RGB 216 132 132	#D88484
50.0%	50.0% #DE9797	RGB 222 151 151	#DE9797
66.7%	66.7% #E4AAAA	RGB 228 170 170	#E4AAAA
83.3%	83.3% #EABDBD	RGB 234 189 189	#EABDBD
100.0%	100.0% #F0D1D1	RGB 240 209 209	#F0D1D1

#CC5E5E #D27171 #D88484 #DE9797 #E4AAAA #EABDBD #F0D1D1

#CC5E5E - #F0D1D1

Mezcla HSV

#CC5E5E - #F0D1D1 | 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 #CC5E5E como 0% y #F0D1D1 como 100%.

0.0%	0.0% #CC5D5D	RGB 204 93 93	#CC5D5D
16.7%	16.7% #D26F6F	RGB 210 111 111	#D26F6F
33.3%	33.3% #D88181	RGB 216 129 129	#D88181
50.0%	50.0% #DE9393	RGB 222 147 147	#DE9393
66.7%	66.7% #E4A7A7	RGB 228 167 167	#E4A7A7
83.3%	83.3% #EABBBB	RGB 234 187 187	#EABBBB
100.0%	100.0% #F0D1D1	RGB 240 209 209	#F0D1D1

#CC5D5D #D26F6F #D88181 #DE9393 #E4A7A7 #EABBBB #F0D1D1

#CC5E5E - #DE9393 - #F0D1D1

Códigos CSS

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

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