#4D143C - #CCBBC7 | 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 #4D143C a #CCBBC7

#4D143C #CCBBC7

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

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

0.0%	0.0% #4D143C	RGB 77 20 60	#4D143C
16.7%	16.7% #622F53	RGB 98 47 83	#622F53
33.3%	33.3% #774B6A	RGB 119 75 106	#774B6A
50.0%	50.0% #8C6781	RGB 140 103 129	#8C6781
66.7%	66.7% #A18398	RGB 161 131 152	#A18398
83.3%	83.3% #B69FAF	RGB 182 159 175	#B69FAF
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D143C #622F53 #774B6A #8C6781 #A18398 #B69FAF #CCBBC7

#4D143C - #CCBBC7

Mezcla HSV

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

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #62244F	RGB 98 36 79	#62244F
33.3%	33.3% #773964	RGB 119 57 100	#773964
50.0%	50.0% #8C527B	RGB 140 82 123	#8C527B
66.7%	66.7% #A17093	RGB 161 112 147	#A17093
83.3%	83.3% #B693AC	RGB 182 147 172	#B693AC
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D133C #62244F #773964 #8C527B #A17093 #B693AC #CCBBC7

#4D143C - #8C527B - #CCBBC7

Códigos CSS

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

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