#C92D43 - #EFC3C9 | 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 #C92D43 a #EFC3C9

#C92D43 #EFC3C9

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

#C92D43 - #EFC3C9 | 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 #C92D43 como 0% y #EFC3C9 como 100%.

0.0%	0.0% #C92D43	RGB 201 45 67	#C92D43
16.7%	16.7% #CF4659	RGB 207 70 89	#CF4659
33.3%	33.3% #D55F6F	RGB 213 95 111	#D55F6F
50.0%	50.0% #DC7886	RGB 220 120 134	#DC7886
66.7%	66.7% #E2919C	RGB 226 145 156	#E2919C
83.3%	83.3% #E8AAB2	RGB 232 170 178	#E8AAB2
100.0%	100.0% #EFC3C9	RGB 239 195 201	#EFC3C9

#C92D43 #CF4659 #D55F6F #DC7886 #E2919C #E8AAB2 #EFC3C9

#C92D43 - #EFC3C9

Mezcla HSV

#C92D43 - #EFC3C9 | 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 #C92D43 como 0% y #EFC3C9 como 100%.

0.0%	0.0% #C92D42	RGB 201 45 66	#C92D42
16.7%	16.7% #CF4256	RGB 207 66 86	#CF4256
33.3%	33.3% #D55A6B	RGB 213 90 107	#D55A6B
50.0%	50.0% #DC7281	RGB 220 114 129	#DC7281
66.7%	66.7% #E28C97	RGB 226 140 151	#E28C97
83.3%	83.3% #E8A6AF	RGB 232 166 175	#E8A6AF
100.0%	100.0% #EFC3C9	RGB 239 195 201	#EFC3C9

#C92D42 #CF4256 #D55A6B #DC7281 #E28C97 #E8A6AF #EFC3C9

#C92D43 - #DC7281 - #EFC3C9

Códigos CSS

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

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