#C96B6B - #EFD4D4 | 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 #C96B6B a #EFD4D4

#C96B6B #EFD4D4

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

#C96B6B - #EFD4D4 | 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 #C96B6B como 0% y #EFD4D4 como 100%.

0.0%	0.0% #C96B6B	RGB 201 107 107	#C96B6B
16.7%	16.7% #CF7C7C	RGB 207 124 124	#CF7C7C
33.3%	33.3% #D58E8E	RGB 213 142 142	#D58E8E
50.0%	50.0% #DC9F9F	RGB 220 159 159	#DC9F9F
66.7%	66.7% #E2B1B1	RGB 226 177 177	#E2B1B1
83.3%	83.3% #E8C2C2	RGB 232 194 194	#E8C2C2
100.0%	100.0% #EFD4D4	RGB 239 212 212	#EFD4D4

#C96B6B #CF7C7C #D58E8E #DC9F9F #E2B1B1 #E8C2C2 #EFD4D4

#C96B6B - #EFD4D4

Mezcla HSV

#C96B6B - #EFD4D4 | 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 #C96B6B como 0% y #EFD4D4 como 100%.

0.0%	0.0% #C96B6B	RGB 201 107 107	#C96B6B
16.7%	16.7% #CF7A7A	RGB 207 122 122	#CF7A7A
33.3%	33.3% #D58B8B	RGB 213 139 139	#D58B8B
50.0%	50.0% #DC9C9C	RGB 220 156 156	#DC9C9C
66.7%	66.7% #E2AEAE	RGB 226 174 174	#E2AEAE
83.3%	83.3% #E8C0C0	RGB 232 192 192	#E8C0C0
100.0%	100.0% #EFD4D4	RGB 239 212 212	#EFD4D4

#C96B6B #CF7A7A #D58B8B #DC9C9C #E2AEAE #E8C0C0 #EFD4D4

#C96B6B - #DC9C9C - #EFD4D4

Códigos CSS

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

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