#C92D4F - #EFC3CC | 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 #C92D4F a #EFC3CC

#C92D4F #EFC3CC

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

#C92D4F - #EFC3CC | 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 #C92D4F como 0% y #EFC3CC como 100%.

0.0%	0.0% #C92D4F	RGB 201 45 79	#C92D4F
16.7%	16.7% #CF4663	RGB 207 70 99	#CF4663
33.3%	33.3% #D55F78	RGB 213 95 120	#D55F78
50.0%	50.0% #DC788D	RGB 220 120 141	#DC788D
66.7%	66.7% #E291A2	RGB 226 145 162	#E291A2
83.3%	83.3% #E8AAB7	RGB 232 170 183	#E8AAB7
100.0%	100.0% #EFC3CC	RGB 239 195 204	#EFC3CC

#C92D4F #CF4663 #D55F78 #DC788D #E291A2 #E8AAB7 #EFC3CC

#C92D4F - #EFC3CC

Mezcla HSV

#C92D4F - #EFC3CC | 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 #C92D4F como 0% y #EFC3CC como 100%.

0.0%	0.0% #C92D4F	RGB 201 45 79	#C92D4F
16.7%	16.7% #CF4261	RGB 207 66 97	#CF4261
33.3%	33.3% #D55A74	RGB 213 90 116	#D55A74
50.0%	50.0% #DC7288	RGB 220 114 136	#DC7288
66.7%	66.7% #E28C9E	RGB 226 140 158	#E28C9E
83.3%	83.3% #E8A6B4	RGB 232 166 180	#E8A6B4
100.0%	100.0% #EFC3CC	RGB 239 195 204	#EFC3CC

#C92D4F #CF4261 #D55A74 #DC7288 #E28C9E #E8A6B4 #EFC3CC

#C92D4F - #DC7288 - #EFC3CC

Códigos CSS

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

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