#C92D57 - #EFC3CF | 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 #C92D57 a #EFC3CF

#C92D57 #EFC3CF

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

#C92D57 - #EFC3CF | 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 #C92D57 como 0% y #EFC3CF como 100%.

0.0%	0.0% #C92D57	RGB 201 45 87	#C92D57
16.7%	16.7% #CF466B	RGB 207 70 107	#CF466B
33.3%	33.3% #D55F7F	RGB 213 95 127	#D55F7F
50.0%	50.0% #DC7893	RGB 220 120 147	#DC7893
66.7%	66.7% #E291A7	RGB 226 145 167	#E291A7
83.3%	83.3% #E8AABB	RGB 232 170 187	#E8AABB
100.0%	100.0% #EFC3CF	RGB 239 195 207	#EFC3CF

#C92D57 #CF466B #D55F7F #DC7893 #E291A7 #E8AABB #EFC3CF

#C92D57 - #EFC3CF

Mezcla HSV

#C92D57 - #EFC3CF | 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 #C92D57 como 0% y #EFC3CF como 100%.

0.0%	0.0% #C92D57	RGB 201 45 87	#C92D57
16.7%	16.7% #CF4268	RGB 207 66 104	#CF4268
33.3%	33.3% #D55A7B	RGB 213 90 123	#D55A7B
50.0%	50.0% #DC728E	RGB 220 114 142	#DC728E
66.7%	66.7% #E28CA3	RGB 226 140 163	#E28CA3
83.3%	83.3% #E8A6B8	RGB 232 166 184	#E8A6B8
100.0%	100.0% #EFC3CF	RGB 239 195 207	#EFC3CF

#C92D57 #CF4268 #D55A7B #DC728E #E28CA3 #E8A6B8 #EFC3CF

#C92D57 - #DC728E - #EFC3CF

Códigos CSS

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

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