#4D1429 - #CCBBC1 | 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 #4D1429 a #CCBBC1

#4D1429 #CCBBC1

Calcule el color entre dos colores, #4D1429 y #CCBBC1. 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)

#4D1429 - #CCBBC1 | 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 #4D1429 como 0% y #CCBBC1 como 100%.

0.0%	0.0% #4D1429	RGB 77 20 41	#4D1429
16.7%	16.7% #622F42	RGB 98 47 66	#622F42
33.3%	33.3% #774B5B	RGB 119 75 91	#774B5B
50.0%	50.0% #8C6775	RGB 140 103 117	#8C6775
66.7%	66.7% #A1838E	RGB 161 131 142	#A1838E
83.3%	83.3% #B69FA7	RGB 182 159 167	#B69FA7
100.0%	100.0% #CCBBC1	RGB 204 187 193	#CCBBC1

#4D1429 #622F42 #774B5B #8C6775 #A1838E #B69FA7 #CCBBC1

#4D1429 - #CCBBC1

Mezcla HSV

#4D1429 - #CCBBC1 | 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 #4D1429 como 0% y #CCBBC1 como 100%.

0.0%	0.0% #4D1329	RGB 77 19 41	#4D1329
16.7%	16.7% #62243A	RGB 98 36 58	#62243A
33.3%	33.3% #77394F	RGB 119 57 79	#77394F
50.0%	50.0% #8C5267	RGB 140 82 103	#8C5267
66.7%	66.7% #A17082	RGB 161 112 130	#A17082
83.3%	83.3% #B693A0	RGB 182 147 160	#B693A0
100.0%	100.0% #CCBBC1	RGB 204 187 193	#CCBBC1

#4D1329 #62243A #77394F #8C5267 #A17082 #B693A0 #CCBBC1

#4D1429 - #8C5267 - #CCBBC1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1329 0%, #8C5267 50%, #CCBBC1 100%);
    background: -webkit-linear-gradient(top, #4D1329 0%, #8C5267 50%, #CCBBC1 100%);
    background: linear-gradient(to bottom, #4D1329 0%, #8C5267 50%, #CCBBC1 100%);
}
</style>