#C8679C - #EFD3E2 | 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 #C8679C a #EFD3E2

#C8679C #EFD3E2

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

#C8679C - #EFD3E2 | 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 #C8679C como 0% y #EFD3E2 como 100%.

0.0%	0.0% #C8679C	RGB 200 103 156	#C8679C
16.7%	16.7% #CE79A7	RGB 206 121 167	#CE79A7
33.3%	33.3% #D58BB3	RGB 213 139 179	#D58BB3
50.0%	50.0% #DB9DBF	RGB 219 157 191	#DB9DBF
66.7%	66.7% #E2AFCA	RGB 226 175 202	#E2AFCA
83.3%	83.3% #E8C1D6	RGB 232 193 214	#E8C1D6
100.0%	100.0% #EFD3E2	RGB 239 211 226	#EFD3E2

#C8679C #CE79A7 #D58BB3 #DB9DBF #E2AFCA #E8C1D6 #EFD3E2

#C8679C - #EFD3E2

Mezcla HSV

#C8679C - #EFD3E2 | 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 #C8679C como 0% y #EFD3E2 como 100%.

0.0%	0.0% #C8679C	RGB 200 103 156	#C8679C
16.7%	16.7% #CE77A6	RGB 206 119 166	#CE77A6
33.3%	33.3% #D587B1	RGB 213 135 177	#D587B1
50.0%	50.0% #DB99BD	RGB 219 153 189	#DB99BD
66.7%	66.7% #E2ABC9	RGB 226 171 201	#E2ABC9
83.3%	83.3% #E8BFD5	RGB 232 191 213	#E8BFD5
100.0%	100.0% #EFD3E2	RGB 239 211 226	#EFD3E2

#C8679C #CE77A6 #D587B1 #DB99BD #E2ABC9 #E8BFD5 #EFD3E2

#C8679C - #DB99BD - #EFD3E2

Códigos CSS

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

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