#C7DFDB - #5EAEAC | 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 #C7DFDB a #5EAEAC

#C7DFDB #5EAEAC

Calcule el color entre dos colores, #C7DFDB y #5EAEAC. 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)

#C7DFDB - #5EAEAC | 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 #C7DFDB como 0% y #5EAEAC como 100%.

0.0%	0.0% #C7DFDB	RGB 199 223 219	#C7DFDB
16.7%	16.7% #B5D6D3	RGB 181 214 211	#B5D6D3
33.3%	33.3% #A4CECB	RGB 164 206 203	#A4CECB
50.0%	50.0% #92C6C3	RGB 146 198 195	#92C6C3
66.7%	66.7% #81BEBB	RGB 129 190 187	#81BEBB
83.3%	83.3% #6FB6B3	RGB 111 182 179	#6FB6B3
100.0%	100.0% #5EAEAC	RGB 94 174 172	#5EAEAC

#C7DFDB #B5D6D3 #A4CECB #92C6C3 #81BEBB #6FB6B3 #5EAEAC

#C7DFDB - #5EAEAC

Mezcla HSV

#C7DFDB - #5EAEAC | 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 #C7DFDB como 0% y #5EAEAC como 100%.

0.0%	0.0% #C7DFDB	RGB 199 223 219	#C7DFDB
16.7%	16.7% #B3D6D1	RGB 179 214 209	#B3D6D1
33.3%	33.3% #A0CEC9	RGB 160 206 201	#A0CEC9
50.0%	50.0% #8EC6C1	RGB 142 198 193	#8EC6C1
66.7%	66.7% #7DBEB9	RGB 125 190 185	#7DBEB9
83.3%	83.3% #6DB6B2	RGB 109 182 178	#6DB6B2
100.0%	100.0% #5EAEAC	RGB 94 174 172	#5EAEAC

#C7DFDB #B3D6D1 #A0CEC9 #8EC6C1 #7DBEB9 #6DB6B2 #5EAEAC

#C7DFDB - #8EC6C1 - #5EAEAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DFDB 0%, #8EC6C1 50%, #5EAEAC 100%);
    background: -webkit-linear-gradient(top, #C7DFDB 0%, #8EC6C1 50%, #5EAEAC 100%);
    background: linear-gradient(to bottom, #C7DFDB 0%, #8EC6C1 50%, #5EAEAC 100%);
}
</style>